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

最近项目中发现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的高度。使用下面的

大家好

与前行不在同一行内。

赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏