最近项目中发现firefox下的页面出现横移的问题,导致用户体验差
原因是<div>的兼容问题,导致多个<div>在同一行显示
因此需要加入<div style=”clear:both”></div>
clear:both该属性的值指出了不允许有浮动对象的边。
通俗的讲:这段代码的做用是:清除同行元素,不允许其它元素与之在一行内。
我经常用的代码。
<div class="yao">大家好</div> <div class="yao">我也很好</div> <div class="clear10"></div> <div class="yao">大家好</div>
那么.clear10起到的作用就是在清除前两行浮动的影响并且间隔10px的高度。使用下面的
大家好
与前行不在同一行内。