html – IE6浮动div不能正确清除

概述我正在尝试使用浮动元素制作一个2列’表’： <ul> <li class="odd">This will appear on the left</li> <li class="even">This will appear on the right</li> <li class="odd">This will appear on the left (2)</li> <li class 我正在尝试使用浮动元素制作一个2列’表’：

<ul>  <li >This will appear on the left</li>  <li >This will appear on the right</li>  <li >This will appear on the left (2)</li>  <li >This will appear on the right (2)</li>  <li >This will appear on the left (3)</li>  <li >This will appear on the right (3)</li></ul>

CSS：

ul {     margin: 20px 0px;     wIDth: 880px;}li {    position: relative;    float: left;    wIDth: 410px;    margin: 0px 0px 10px 0px;    padding: 0;}.odd { clear: left; }.even {    clear: right;    margin-left: 50px;}

Here’s a JSFiddle

这很好用,但在ie6中,偶数元素不清晰,最终在第一行水平堆叠.我怎样才能解决这个问题？

解决方法 如果你将元素的宽度设置为容器的50％,然后将它们全部浮动到左边,那么每个元素都会浮动到最后一个,直到有2个,然后下一个将出现在下一行.

ul {     wIDth: 880px;    overflow:hidden; /* to clear */}li {    float: left;    wIDth: 50%;}

总结

以上是内存溢出为你收集整理的html – IE6浮动div不能正确清除全部内容，希望文章能够帮你解决html – IE6浮动div不能正确清除所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。