0

I'm using margin: 0 auto; to center the contents of my pages. Recently I discovered that using an automatic margin on a body has the same visual effect as an automatic margin on a (wrapper) div.

<!DOCTYPE>
<html>
<head>
    <style>
        div#wrapper {
            margin: 0 auto;
            width: 60%;
        }
    </style>
</head>
<body>
    <div id="wrapper">
        <!-- Rest of page. -->
    </div>
</body>
</html>

Compared to;

<!DOCTYPE>
<html>
<head>
    <style>
        body {
            margin: 0 auto;
            width: 60%;
        }
    </style>
</head>
<body>
    <!-- Rest of page. -->
</body>
</html>

It seems better as it removes an (unneccesary) element. Are there any pitfalls that need to be considered when using this approach?

4

2 回答 2

1

我不推荐它。不必要地在正文框上设置边距，最终使用负边距和绝对定位来突破。

坚持使用您的容器（或包装器）模型 - 它被广泛认为是最佳实践。检查此网站和任何其他专业设计网站的来源，您会看到相同的内容。

于 2013-10-29T23:21:28.223 回答
1

我一直在身体上使用自动边距。您只需要记住，如果要为页面设置背景，则必须将其设置为 html 标签，因为人们经常在 .

于 2013-10-29T23:13:18.743 回答