div最後にliがマージされた後

Question

私は次のxhtmlを持っています。最後の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。あなたcan't have a non-<li> element as a child of a <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> 

を：<ul>

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

閉じる従うように、そのCSSがあります。

Answer 2

のdiv CSSにclear:bothとoverflow:hiddenを追加してみてください：

.more{ 
    border:1px solid #D7D7D7; 
    text-align:center; 
    width:600px; 
    clear:both; 
    overflow:hidden; 
}