div 마지막 li이 합쳐진 후

Question

나는 다음과 같은 xhtml을가집니다. 마지막 li 뒤에 ul을 추가해야합니다. 모든 브라우저는 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

시도 사업부의 CSS에 clear:both 및 overflow:hidden를 추가 :

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