html - 具有未知宽度的 CSS float 不会用文档类型包装空格

Question

两个 div，向左浮动，宽度未知。其中一个的内容多于页面，因此它移动到第一个下方(IE 除外):

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

添加显示:内联表；大的包装它的内容(跨浏览器一致):

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

但是引入一个文档类型(不仅仅是严格的，任何文档类型)并且它在 Firefox 中不再存在:

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

如何在跨浏览器可靠地同时使用文档类型的同时获得正确的 div 来包装其内容？

Answer 1

How do I get the right div to wrap its content while using a doctype at the same time, reliably across browsers?

如果不定义宽度，您不能。在这种情况下，我建议使用百分比宽度，但这取决于您。

div 的默认宽度是其容器的 100%(在本例中为页面)。 第一个 div 将以实际大小结束，除非您将页面的大小设置为小于其固有宽度。 在没有完整有效文档类型的情况下期望跨浏览器的一致性是徒劳的。