Div類行在chrome和firefox上呈現不同的外觀

Question

如您所見，我<div>有問題：

火狐顯示：

鍍鉻顯示屏：

html結構：

  <div class="row"> <div class="form-group col-xs-12 col-sm-4"> <input type="text" name="from_area" class="form-control input-lg typeahead typeahead-area-tariff" id="from_area" placeholder="Origin" /> </div> <div class="form-group col-xs-12 col-sm-4"> <input type="text" name="to_area" class="form-control input-lg typeahead typeahead-area-tariff" id="to_area" placeholder="Destination" /> </div> <div class="form-group col-xs-12 col-sm-4"> <div class="input-group"> <input type="number" name="weight" class="form-control input-lg" id="weight" placeholder="Weight" /> <span class="input-group-addon">Kg</span> </div> </div> <div class="form-group col-xs-12 col-sm-4"> <div class="input-group"> <input type="number" name="length" class="form-control input-lg" id="length" placeholder="Length" /> <span class="input-group-addon">Cm</span> </div> </div> <div class="form-group col-xs-12 col-sm-4"> <div class="input-group"> <input type="number" name="width" class="form-control input-lg" id="width" placeholder="Width" /> <span class="input-group-addon">Cm</span> </div> </div> <div class="form-group col-xs-12 col-sm-4"> <div class="input-group"> <input type="number" name="height" class="form-control input-lg" id="height" placeholder="Height" /> <span class="input-group-addon">Cm</span> </div> </div> <div class="form-group col-xs-12 col-sm-4 col-sm-offset-4 text-center"> <button type="submit" class="btn btn-primary btn-lg btn-block" tabindex="7"><span class="fi flaticon-search"></span> Search </button> </div> </div> 

我正在使用<div class="col-sm-4">但是當我在Firefox上看到它時，輸入文本“ Width”會換行。 請幫忙 ：（

Answer 1

[已解決]在第三個輸入文本之后添加了<div class="clearfix"></div> 。 參考