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

css中换行的几种常用方式整理

火狐在用offsetHeight获取div的高度时为0的解决方法

CSS实现让同一行文字和输入框对齐的方法

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

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

CSS表单元素垂直居中完美解决方案

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

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

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

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

精品推荐
分类导航