3

我可以删除 css #wrapper 并将样式向上移动到 html 标记和 body 标记以实现固定宽度、居中布局吗？

    html {
        background-color: lightgrey;
        text-align: center;     
    }
    body {
        margin: 0 auto;
        width: 800px;
        background-color: white;    
        display: block;
    }

它似乎在 Firefox、Chrome 和 IE7+ 上运行良好。潜在的缺点是什么？

4

2 回答 2

3

<body>将用作包装器没有任何问题，除非您要支持 IE 7 .. 由于特殊的缩放“错误”..

当向主体应用边距或宽度并且用户缩放时，IE7 错误地将主体的左边缘视为视口的边缘。这种转变将页面右侧的内容凸出到屏幕之外。

于 2013-02-28T15:52:53.337 回答
1

我没有看到任何缺点..只有好处。现在，您可以更轻松地通过向它们添加类来覆盖其他页面上html或其他页面上的样式。我想如果您不想这样做（或者如果您想让它变得更难），body那将是一个缺点。

我还主张在样式表中根本不使用 ID .. 甚至元素（即坚持使用类和伪类）。这使得元素的样式更容易通过简单地添加和删除其他类来更新。不过，使用htmlandbody可能没问题，因为它们中的每一个都只有一个。

于 2013-02-28T15:51:36.727 回答