0
아무도 나에게 왜이 세 가지 코드 조각이 정확하게 동일하게 표시되는지 설명 할 수 있습니까? IE6?IE6에서 HTML이 떠 다니는 명확한 문제
<div id="wrap">
<div></div>
<!-- below is cleared -->
<div class="clear"></div>
<div></div>
<div></div>
</div>
2 :
<div id="wrap">
<div></div>
<div></div>
<!-- below is cleared -->
<div class="clear"></div>
<div></div>
</div>
3
<div id="wrap">
<div></div>
<div></div>
<div></div>
<!-- below is cleared -->
<div class="clear"></div>
</div>
1 (4 자식 DIV 번째 '라인'다른 하나 '해제'상태에서 시작한다는 것을 의미)
CSS :
#wrap {
position:relative;
width:1000px;
height:400px;
padding:0px;
margin:0px;
border:solid 1px black;
}
#wrap div {
float:left;
width:150px;
height:100px;
background-color:blue;
padding:0px;
margin:0px;
border:solid 1px black;
}
.clear {
clear:left;
}
나는 당신의 사업부에 대해 실행
이 시각적으로 DIFF에 훨씬 쉽게 될 것입니다. – Phrogz