我有以下 xhtml,我必须在 ul 中的最后一个 li 之后添加 div。每个浏览器都正确显示列表,除了 ie 6
<ul>
<li><div class="content">some div here</div></li>
<li><div class="content">some div here</div></li>
<li><div class="content">some div here</div></li>
<li>some div here</li>
<div class="more">add nore</div>
</ul>
但最后定义的 div 正在合并到 last li 中并成为它的一部分。它的CSS如下
ul{ border:1px solid #C9C9C9; list-style:none; }
ul li{ border:1px solid #C9C9C9; display:inline-block; }
ul li .content{ border:0px solid; float:left; }
.more{ border:1px solid #D7D7D7; text-align:center; width:600px;}
最佳答案
关闭<ul>
:
<ul>
<li><div class="content">some div here</div></li>
<li><div class="content">some div here</div></li>
<li><div class="content">some div here</div></li>
<li>some div here</li>
</ul>
<div class="more">add nore</div>
关于css - 最后一个 li 之后的 div 在 ie 中被合并,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4851098/