IE 7/8 렌더링 Iinline (부동 소수점)을 블록으로 사용 : 너비가 내용에 맞지 않습니까?

전체 페이지를 가로 지르는 블록 요소 (DIV)가 있습니다. 가변 폭의 부동 소수점 DIV가 여러 개 있습니다. 이 요소는 많은 웹 페이지에 살 수 있습니다 (누구나 웹 사이트에 올릴 수 있습니다). 모든 사이트의 FF에서는 올바르게 렌더링되고 떠 다니는 DIV는 내부 내용만큼 넓습니다. IE에서는 때로는 작동하지만 다른 사이트에서는 그렇지 않습니다. 대신 부동 한 DIV를 부모의 너비만큼 늘립니다. 첨부 된 이미지는 더 예증 할 이미지입니다 (빨간색 DIV는 컨테이너이고, 검은 DIV는 떠있었습니다).IE 7/8 렌더링 Iinline (부동 소수점)을 블록으로 사용 : 너비가 내용에 맞지 않습니까?

http://img8.imageshack.us/img8/4734/screenrrl.jpg (이미지가 아닌 실제 HTML 렌더링 포토샵됩니다)

출처

2009-05-04 Nic

표시 할 수있는 실제 코드와 작동하지 않는 사이트의 예가 있습니까? 내 생각 엔 그 사이트가 버크 모드로 렌더링된다는 것입니다 ... – Guffa

게시 할 코드가 없지만 여러 개의 떠 다니는 하위가있는 부모 DIV가 매우 간단하다는 것을 확신합니다. – Nic

이 발견! 문제는 부모 내 모든 요소를 지우기 위해 단일 DIV를 사용하고 있다는 것입니다. IE의 특정 렌더링 모드에는이 문제가 있습니다. 대신 나는 부모에게 clearfix 클래스를 추가하여 그것을 바 꾸었습니다!

#list { overflow: hidden; zoom: 1; }

대신 "모두 명확한;"의 :

출처

2009-05-04 22:34:19 Nic

당신은 UL이 clearfix (나는이 스크린 샷에 사용되는 가정)을 사용할 수 있습니다.

출처

2009-05-04 23:27:19 Mike

IE 7/8 렌더링 Iinline (부동 소수점)을 블록으로 사용 : 너비가 내용에 맞지 않습니까?

답변

관련 문제