Question

在我的固定宽度网站中，我的布局类似于：

<div id="wrapper">
  <header>...</header>
  <div id="content">...</div>
  <footer>...</footer>
</div>

我的CSS与此类似：

#wrapper {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}

以相同的方式设置<body>标记的样式也有效，并且它使我的代码更具可读性，因为我的嵌套<div>标记较少。

是否应用保证金和固定的<body>一个安全的想法？

Answer 1

非常安全，body是一个像所有其他人一样的HTML元素。

对于您的布局，您可能仍希望使用#wrapper（看起来像固定宽度布局），因为您可能想要为body设置背景（或使用可见的“空” “空间”。

Answer 2

我正在使用XHTML Strict doctype测试IETester中这些元素的宽度/边距/填充。

到目前为止，<body>还有以下内容：

IE 5.5 - 失败（不会设置宽度，或者背景扩展超出尺寸），填充/边距确定

IE 6 - PASS

IE 7 - PASS

IE 8 - 荣誉宽度，但没有完美处理填充/边距

页面我正在使用here

测试宽度和边距应用于html元素here：

IE 5.5 - 相同，但边距/填充不起作用

IE 6 - 不会尊重宽度

IE 7 - 荣誉宽度，但不会以display:block和margin:0 auto为中心，宽度设置为px。

IE 8 - 荣誉宽度，但没有完美处理填充/边距

在所有情况下，当宽度设置为html元素时，通过约束body元素，它实际上就像填充一样呈现。

这很有趣，但我现在不用气了，是时候回到实际工作了;）

Answer 3

设置body标签的样式很好，但它确实意味着如果您需要在网站上进行更改，则不需要修改其他“备用”标记。身体标签通常是一个安全的标签，以便于将来的更改。

到jcomeau_ictx：使用固定宽度网站有一百万个理由。我想你会找到比流动网站更多的固定宽度网站。