Html 我可以在css中浮动主体吗？_Html_Css_Css Float

Html 我可以在css中浮动主体吗？

html css

Html 我可以在css中浮动主体吗？,html,css,css-float,Html,Css,Css Float,我不擅长整合，因为它很粗鲁。我漂浮了很多东西，发现每当我开始漂浮某个东西时，我都必须把它的容器和它的容器漂浮起来，否则容器就会倒塌所以，现在看看我的网站，它是一个非常好的稳定，但若我把一个边界放在身体上，我会看到它的顶部有1px高，身体里的所有东西都在外面。如果我浮起身体，那么一切看起来都很好，但是： 1-这是一个糟糕的设计吗？我该怎么做 2-如果可以，我如何居中身体？我使用边距：自动。但一旦身体漂浮起来，它就会停止工作这是我的css body { width: 960px;

我不擅长整合，因为它很粗鲁。我漂浮了很多东西，发现每当我开始漂浮某个东西时，我都必须把它的容器和它的容器漂浮起来，否则容器就会倒塌

所以，现在看看我的网站，它是一个非常好的稳定，但若我把一个边界放在身体上，我会看到它的顶部有1px高，身体里的所有东西都在外面。如果我浮起身体，那么一切看起来都很好，但是：

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>


标题



边栏
所容纳之物
页脚

无论如何，希望我说得清楚。

如果您将容器的

溢出设置为auto
或hidden
，则不必将其也浮动（除非您出于其他原因）。例如：
<div id="container">
   <div id="left">Content! this should be floated left</div>
</div>

#container { overflow: auto; border: 1px solid #000; }
#left { float: left; }


所容纳之物应该向左浮动
#容器{溢出：自动；边框：1px实心#000；}
#左{float:left；}

应该让容器
显示，所有内容周围都有边框。
如果将容器的溢出
设置为自动
或隐藏
，则不必将其也浮动（除非出于其他原因）。例如：
<div id="container">
   <div id="left">Content! this should be floated left</div>
</div>

#container { overflow: auto; border: 1px solid #000; }
#left { float: left; }


所容纳之物应该向左浮动
#容器{溢出：自动；边框：1px实心#000；}
#左{float:left；}

应该有容器
显示，所有东西周围都有边框。
在包装器
中用溢出：自动
替换浮动，它应该可以正常工作。然后，您可以使用边距：auto
将其居中：
.wrapper {
    overflow: auto;
    margin: auto;
    width: 960px;
}

另外，从body
中删除width:960px
和margin:auto
，因为您不再需要它们了。
在包装器中用溢出：auto
替换浮动，它应该可以正常工作。然后，您可以使用边距：auto
将其居中：
.wrapper {
    overflow: auto;
    margin: auto;
    width: 960px;
}

另外，从body
中删除width:960px
和margin:auto
，因为您不再需要它们了。
是的，像这样浮动所有元素是糟糕的设计，也是对浮动元素的滥用。学习元素的自然流动和CSS位置的正确使用是非常值得的。
是的，像那样浮动所有元素是糟糕的设计，也是对浮动元素的滥用。学习元素的自然流动和CSS位置的正确使用是非常值得的。
！！啊，它现在起作用了！！在你第一次发表评论之后，我的身体就溢出来了。我的票都用完了，但我不会忘记回来给你一分。@BoltJock也像我说的那样投了票：）！！啊，它现在起作用了！！在你第一次发表评论之后，我的身体就溢出来了。我的票数已经用完了，但我不会忘记回来给你一分。@BoltJock也像我说的那样投了票：）坦白地说，如果我幸运的话，我们会找到一个集成器（你用英语说吗？）并完成css:-）在BoltClock修复后，你会说它的设计很糟糕吗？坦白说，如果我幸运的话，我们会找到一个集成器（你是用英语说的吗？）并用css完成。：-）在BoltClock修复后，你会说它的设计很糟糕吗？