css - 最后一个 li 之后的 div 在 ie 中被合并

Question

我有以下 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;}

Answer 1

关闭<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>

你 can't have a non- <li> element as a child of a <ul> .