[原创]解决firefox下div横移定位问题

最近项目中发现firefox下的页面出现横移的问题，导致用户体验差

原因是<div>的兼容问题，导致多个<div>在同一行显示

因此需要加入<div style="clear:both"></div>

clear:both该属性的值指出了不允许有浮动对象的边。

通俗的讲：这段代码的做用是：清除同行元素，不允许其它元素与之在一行内。

我经常用的代码。
[html]
<div class="yao">大家好</div>
<div class="yao">我也很好</div>
<div class="clear10"></div>
<div class="yao">大家好</div>
[/html]
那么.clear10起到的作用就是在清除前两行浮动的影响并且间隔10px的高度。使用下面的

与前行不在同一行内。