手机
当前位置:查字典教程网 >网页设计 > 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解决方法】相关文章:

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

list-style-image无法准确定位通过(li的背景模拟或相对定位)解决

Td或Div文字超出宽度的CSS隐藏方法

css控制div不能居中的解决办法

垂直三栏布局拥有相同高度的方法

用CSS实现垂直居中的3种方法

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

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

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

Google浏览器CSS居中兼容问题完美解决方法

精品推荐
分类导航