在我的固定宽度网站中,我有一个类似于这样的布局:
<div id="wrapper">
<header>...</header>
<div id="content">...</div>
<footer>...</footer>
</div>
Run Code Online (Sandbox Code Playgroud)
我的CSS与此类似:
#wrapper {
width: 700px;
margin-left: auto;
margin-right: auto;
}
Run Code Online (Sandbox Code Playgroud)
<body>以相同的方式设置标记的样式也有效,并且它使我的代码更具可读性,因为我有更少的嵌套<div>标记.
是应用保证金和固定<body>的安全想法?
这是非常安全的,body是一个像所有其他人一样的HTML元素.
对于您的布局,您可能仍然希望使用#wrapper(似乎是固定宽度布局),因为您可能想要设置背景body(或对可见的"空"空间执行某些操作).