IE7에서 마지막 행 목록 항목의 아래쪽 여백이 누락되었습니다.

Question

IE7에서 목록 항목의 마지막 행에 아래쪽 여백이없는 이유가 궁금합니다.

http://jsfiddle.net/JeaffreyGilbert/sW5DB/

Answer 1

는 여전히 수레를 사용하여 해결하기 위해 (성가신) 방법이 있지만,이 경우에는 가장 쉬운 해결책은 display: inline-block로 전환하는 것입니다.

참조 :http://jsfiddle.net/3rjdf/

세 가지 새로운 특성을 가진 float:left 교체 :

ul { width:300px; margin:0; padding:0; overflow:hidden; list-style:none; background:#ccc; } 
li { display:inline-block; *display:inline; zoom:1; /* float:left; */ width:98px; height:120px; margin-bottom:30px; border:1px solid black; background:#f0f0f0; } 

*display:inline; zoom:1; is explained here. 충분는 그것이 IE7에서 작동하게 말하십시오.

(? 1 및 2을 읽을 이유) 나는 또한 HTML에서 공백을 축소했다 :

<ul> 
    <li></li><li></li><li></li><li></li><li></li> 
</ul>