我可以在css中漂浮身体吗？

Question

我可以在css中漂浮身体吗？

我很难整合它的crasy.我漂浮了很多我的东西,并发现每当我开始浮动的东西,我必须浮动它的容器和容器容器和恶心,否则容器崩溃.

所以看看我的网站现在它是一个相当不错的稳定但是如果我在身体上放置一个边框,我看到它在顶部是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;
}

Run Code Online (Sandbox Code Playgroud)

和布局文件:

<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>

Run Code Online (Sandbox Code Playgroud)

无论如何希望我很清楚.

Answer 1

Bol*_*ock 6

用overflow: autoin 替换浮子,.wrapper它应该工作得很好.然后,您可以将其居中margin: auto:

.wrapper {
    overflow: auto;
    margin: auto;
    width: 960px;
}

Run Code Online (Sandbox Code Playgroud)

此外,删除width: 960px,并margin: auto从body为你不需要他们了.

归档时间：	15 年，6 月前
查看次数：	5070 次
最近记录：	15 年，6 月前