我不擅长整合它的粗俗。我漂浮了很多我的东西，发现每当我开始漂浮的东西，我必须漂浮它的容器和它的容器，因为否则容器是倒塌的。
所以现在看看我的网站，它是一个相当不错的马厩，但如果我把一个边界放在身体上，我看到它是1倍高的顶部，身体的一切都在外面。如果我漂浮身体，那么一切看起来都很好，但是：
1-设计不好吗？我该怎么做？
2-如果可以的话，我该如何使身体居中？我使用保证金：自动。但一旦身体漂浮，它就会停止工作。
这是我的css。
body {
width: 960px;
font-size: 13px;
margin: auto;
margin-top: 20px;
border: 1px #000 solid;
}
.wrapper {
float: left;
width: 960px;
}
.header {
float: left;
width: 960px;
border: 1px #000 solid;
margin-bottom: 20px;
}
.menu {
width: 960px;
float: left;
border: 1px #000 solid;
}
.sidebar {
width: 260px;
float: left;
margin-top: 20px;
margin-left: 20px;
}
.content {
border: 1px #000 solid;
margin-left: 20px;
margin-top: 20px;
width: 620px;
float: left;
padding: 10px;
}
.footer {
border: 1px #000 solid;
width: 960px;
float: left;
margin-top: 20px;
}
布局文件：
<body>
<div class="wrapper">
<div class="header">
<h1>HEADER</h1>
</div>
<div class="menu">
<ul>
<li><a href="/">Home</a></li>
</ul>
</div>
<div class="sidebar">
sidebar
</div>
<div class="content">
<h1>Content</h1>
</div>
<div class="footer">
<h1>FOOTER</h1>
</div>
</div>
</body>
不管怎样，希望我明白了。
最佳答案
用overflow: auto中的.wrapper替换浮子，它应该可以正常工作。然后您可以使用margin: auto将其居中：
.wrapper {
overflow: auto;
margin: auto;
width: 960px;
}
另外，从
width: 960px中删除margin: auto和body，因为您不再需要它们。关于html - 我可以将 body 漂浮在CSS中吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3568610/