IE7은 : 왼쪽 떠 있지만 위쪽으로,

이 간단한 HTML 코드를 참조하십시오 : 최신 브라우저, 심지어 IE8 및 IE9에 http://www.pastie.org/3540274 IE7은 : 왼쪽 떠 있지만 위쪽으로,

은 다음과 같습니다를 :

그러나 IE7 모드 그것을 표시에

[A1] 
[B1][B2] 
[C1][C2][C3]

같은 :

{ float:left; clear:none }

와

[A1][B2][C2] 
[B1][C3] 
[C1]

된 DIV 단지뿐만 아니라 위쪽, 왼쪽에 떠되지 않습니다. 추가 마크 업없이 마크 업을 피할 수있는 방법이 있습니까?

2012-03-07 l90r

IE7 부동입니다! 이 스레드가 도움이 될 수 http://stackoverflow.com/questions/9330995/floating-and-clearing-in-ie7/9331118#9331118 – Evert

행 사이에 개체 수준의 스페이서가 필요하거나 IE7에서 작동하려면 각 행마다 별도의 컨테이너가 필요합니다. Floating and clearing in IE7

이 가 목록에했지만, 같은 div의에 적용됩니다 :

예는이 스레드에 있습니다.

2012-03-07 11:16:09 Evert

감사합니다. 컨테이너로 가야 겠군. 나는 마크 업이없는 해결책이 있기를 바랐다. 관심있는 사람은 수정 된 작업 예제 http://www.pastie.org/3541882 – l90r

예, 불행히도 IE7에는 추가 마크 업이 필요합니다. 나는 아직 효과적인 CSS 전용 솔루션을 찾지 못했고, ie7이 새 것이기 때문에 나는 찾고 있었다! – Evert

답변