手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >E7 float:right 时元素换行出现在下一行的bug解决方法
E7 float:right 时元素换行出现在下一行的bug解决方法
摘要:在IE7中,几个并列的块元素,如果前面几个元素没有设置浮动,而给最后的元素设置为float:right,则被设置为浮动的这个元素会出现在下一...

在IE7中,几个并列的块元素,如果前面几个元素没有设置浮动,而给最后的元素设置为float:right,则被设置为浮动的这个元素会出现在下一行。

例子:

<ul>

<li></li>

<li></li>

</ul>

ul li{display:inline-block;}

.a{float:right}

则第二个li会显示在第二行。

解决方法:

将浮动的li元素放在最前面即可:

<ul>

<li></li>

<li></li>

</ul>

【E7 float:right 时元素换行出现在下一行的bug解决方法】相关文章:

DIV背景图片在Firefox下不显示通过overflow:auto可解决

span设CSS样式总是不起作用的解决方法

常用的10种CSS BUG解决方法与技巧

在ie7下css居中样式text-align:center;偏左问题解决方法

Ext Grid控件的配置与方法

CSS代码中进行注释的三种方法

IE7.0以下版本列表li中的元素错位一个上一个下的解决方法

div标签中的元素margin-top失效的解决方法

img图片元素下多余空白解决方案

chrome居中但ie不居中的解决方法

精品推荐
分类导航