Div类行在chrome和firefox上的渲染方式不同

Question

我遇到notifyAuthorization Finished问题，您可以看到：

firefox显示：

chrome display：

html结构：

<div>

我正在使用 <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>但是当我在firefox上看到它时，输入文本“Width”会中断为新行。请帮忙:(

Answer 1

[已解决]在第三个输入文本后添加了<div class="clearfix"></div>。 Reference