CSS与未知的宽度浮动不换行与DOCTYPE空白

Question

两个div，向左浮动未知的宽度，。他们中的一个具有比适合页面更多的内容，所以它移动低于第一（除了在IE）：

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

...添加显示：直列表;和大一个包裹它的内容（一致地浏览器）：

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

但是，引入一个DOCTYPE（不只是严格，ANY DOCTYPE），并将其在Firefox了不会：

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

我如何得到正确的股利同时使用DOCTYPE在同一时间来包装其内容，可靠的跨浏览器？

Answer 1

  

我如何得到正确的div来包装其   同时使用在一个DOCTYPE内容   同时，可靠地跨浏览器？

不限定宽度，的你不能即可。我建议百分比宽度在这种情况下，但它给你。

作为一个div默认宽度为它的容器（在这种情况下，页）的100％。 除非你大小页面是其固有的宽度较小的第一个div将结束它的实际大小。 期待翻过浏览器一致性，但不充分和有效的文档类型是简单地徒劳无益的。

Answer 2

CSS不能完全做到的一切，基于表格的布局可以。为一体，动态宽度布局复杂得多。表少的布局仍然是最好病例的98％，但如果你真的需要这种动态宽度的布局，你可能必须使用一个表。

不一致的宽度，如果不小心比例，是不是很从审美的角度来看好，所以你可能会修复错误的问题。

Answer 3

您可以通过包括BODY元素开始。

Traingamer给你的Firefox的行为作出解释，并需要做让你期望的结果是什么。你可能会听他的，而不是一本关于CSS是不可能与创建布局切线去了。

不要为您是由不遵守正确的Web规范引入问题归咎于CSS。