너비를 알 수 없는 CSS 부동 소수점은 공백을 문서 유형으로 묶지 않습니다.

Question

너비를 알 수 없는 두 개의 div가 왼쪽에 떠 있습니다.그 중 하나에는 페이지에 맞는 것보다 더 많은 콘텐츠가 있으므로 첫 번째 페이지 아래로 이동합니다(IE에서는 제외).

http://corexii.com/floatproblem/float.html

디스플레이 추가:인라인 테이블;그리고 큰 것은 내용을 (브라우저 전체에서 일관되게) 래핑합니다.

http://corexii.com/floatproblem/table.html

그러나 엄격한 문서 유형이 아닌 문서 유형을 도입하면 Firefox에서는 더 이상 그렇지 않습니다.

http://corexii.com/floatproblem/doctype.html

브라우저 전체에서 동시에 doctype을 사용하면서 콘텐츠를 래핑하는 올바른 div를 얻으려면 어떻게 해야 합니까?

Answer 1

DocType를 동시에 사용하면서 동시에 브라우저를 통해 안정적으로 콘텐츠를 포장 할 수있는 올바른 div를 얻으려면 어떻게해야합니까?

너비를 정의하지 않고 당신은 할 수 없습니다. 이 경우 비율을 추천하지만 귀하에게 달려 있습니다.

DIV의 기본 너비는 컨테이너의 100%입니다. (이 경우 페이지). 첫 번째 div는 페이지를 고유 한 너비보다 작지 않으면 실제 크기가됩니다. 완전하고 유효한 문서가없는 일관성이 발생하는 브라우저를 기대하는 것은 단순히 무익한 운동입니다.

Answer 2

CSS는 테이블 기반 레이아웃이 할 수있는 모든 것을 할 수 없습니다. 우선 동적 폭 레이아웃이 훨씬 더 복잡합니다. 테이블이없는 레이아웃은 98%의 경우에도 여전히 바람직하지만 실제로 이러한 종류의 동적 폭 레이아웃이 필요한 경우 테이블을 사용해야 할 수도 있습니다.

일관되지 않은 폭은 신중하게 비례하지 않으면 미적 관점에서 그리 좋지 않으므로 잘못된 문제를 해결할 수 있습니다.

Answer 3

다음을 포함하여 시작할 수 있습니다. BODY 요소.

Traingamer는 Firefox의 동작과 원하는 결과를 얻기 위해 수행해야 할 작업에 대해 설명했습니다.CSS를 사용하여 레이아웃을 만드는 것이 불가능하다는 입장을 취하는 대신 그의 말을 들을 수도 있습니다.

문제에 대해 CSS를 비난하지 마십시오. 너 올바른 웹 사양을 준수하지 않고 도입하고 있습니다.