我可以删除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 +上运行得非常好。有哪些潜在的缺点？
答案 0 :(得分：3)
使用<body>作为包装除了，如果你想要支持IE 7，由于特殊的缩放“bug”而没有任何问题..
当对主体应用边距或宽度并且用户进行缩放时，IE7会错误地将主体的左边缘视为视口的边缘。这种转变会使屏幕外页面右侧的内容出现问题。
答案 1 :(得分：1)
我没有看到任何缺点..只有好处。现在，通过向其添加类，可以更轻松地覆盖其他页面上html或body上的样式。我想如果没有希望能够做到这一点（或者如果你想让它变得更难）那将是一个缺点。
我还主张不在样式表中使用ID甚至元素（即坚持使用类和伪类）。这使得通过简单地添加和删除其他类更容易更新元素的样式。但是，使用html和body可能没问题，因为每个都只有一个。