如果您希望将网页居中,并且在主容器上使用固定宽度,则可以轻松实现.
CSS
.container {
margin:0 auto; /* this will center the page */
width:960px; /* use your width here */
}
HTML
<body>
<div class="container">
<!-- all your great content here -->
</div>
</body>
如果您需要帮助将此应用到您的html/css,请发布您的HTML,我很乐意为您提供帮助.
为什么不这样做？:
<style type="text/css">
html, body {
margin: 0;
border: 0;
width: 100%;
}
body {
padding: 0 20px;
}
#main {
margin: 0 auto; /* in case you want to set a fixed width on this as well */
}
</style>
<body>
<div id="main"></div>
</body>
这样,根据窗口的宽度,主div将调整大小,并且两侧总是有固定的空间.如果您希望主div具有固定宽度并且侧面的间距要自动调整大小,请使用其他解决方案.