html - 如何在 Body Tag 中使用 CSS 强制将 html 内容包装为固定宽度？

Question

在我的 HTML 文档中，我想强制执行固定布局（250 像素宽度）。

请您帮我提供一个可以在 body 标记中使用的 CSS 片段，以便 html 内容将在固定宽度后包装？

例如，

<body style="width: 250px">

此代码段在 Firefox 中完美运行，但在 Internet Explorer 中无法运行。是否有任何通用技术可以强制所有浏览器的固定宽度？

score 3 · Accepted Answer

如果您在 Quirks 模式下使用它，它将无法在 IE 中运行。确保你有一个<!DOCTYPE>，它应该可以正常工作。

score 1 · Accepted Answer

适用于所有支持 CSS 的浏览器（甚至是旧版本的 IE）的技术是引入中间标记，例如<body><div id="body">...</div></body>，并设置该元素的宽度，例如#body { width: 250px; }。

在 Quirks 模式下，IE 将body元素视为根元素，因此显然会忽略其上的width属性等。

2 回答 2