代码之家 › 专栏 › 技术社区 › Core Xii

具有未知宽度的CSS浮动不使用doctype换行空白

doctype css-float firefox css html

0

Core Xii · 技术社区 · 16 年前

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

添加显示:内联表;大表包装其内容(在浏览器中保持一致):

但是引入一个doctype(不仅仅是严格的doctype),它在firefox中不再存在:

如何让正确的DIV在跨浏览器使用doctype的同时包装其内容?

3 回复 | 直到 13 年前

1

2

Traingamer 16 年前

我怎样才能把它包起来呢在中使用doctype时的内容同时,跨浏览器可靠?

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

DIV的默认宽度是其容器的100% (在本例中是页面)。第一个分区将以实际大小结束,除非您将页面的大小调整为小于其固有宽度。在没有完整有效doctype的浏览器中,期望一致性是徒劳的。

2

1

Jethro Larson 16 年前

CSS不能像基于表的布局那样做任何事情。首先,动态宽度布局要复杂得多。对于98%的情况,无表布局仍然是可取的,但是如果您确实需要这种动态宽度布局,则可能需要使用表。

不一致的宽度,如果没有仔细的比例,从美学的角度来看不是很好,所以你可能是在解决错误的问题。

3

0

Calvin 16 年前

你可以从包括 BODY 元素。

traingamer向您解释了Firefox的行为,以及需要做什么才能获得您想要的结果。你可能会听他的,而不是去正切关于CSS是不可能创建布局与。

不要把问题归咎于CSS 你不遵守正确的Web规范。