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

【问题标题】：How can I enforce wrapping the html content for a fixed width using CSS inside Body Tag?如何在 Body Tag 中使用 CSS 强制将 html 内容包装为固定宽度？
【发布时间】：2012-07-25 14:14:42
【问题描述】：

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

能否请您帮我提供一个可以在body标签中使用的CSS sn-p，以便html内容在固定宽度后包裹？

例如，

<body style="width: 250px">

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

【问题讨论】：

标签： html css internet-explorer fixed-width

【解决方案1】：

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

【讨论】：

您好，感谢您的回复。我确实在我的 html 文档中使用了并在 IE 9 中进行了测试，但我没有得到那个固定的布局。我的
试试<!DOCTYPE html>。按 F12 并检查文档模式。
您的文档类型会触发怪癖模式，因为您缺少 URI：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 包含 URI 将导致它触发标准模式。或者，如前所述，HTML5 <!DOCTYPE html> 也可以，因为它不需要 URI。

【解决方案2】：

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

在 Quirks 模式下，IE 将 body 元素视为根元素，因此显然会忽略例如width 属性就可以了。

【讨论】：