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

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

DIV下图片自适应解决方法

IE中div被视频遮住(用embed来内嵌视频)的解决方法

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

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

CSS教程:闭合CSS浮动元素的几种方法

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

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

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

img标签下多余空白BUG解决方法

精品推荐
分类导航