Question

我想在我的网页的整个主体周围有一个边框。

我创建了一个布局，其中包含一个带有几个div标签的主体。我添加了CSS，我认为它会在所有内容周围添加边框。不幸的是，我的布局中的最后两个div由于某种原因被放置在边界之外。

这是我用于身体的CSS：

    body
    {
        position:relative;
        top:5px;
        width:1024px;
        background-color: #f7f7f7;
        padding: 5px;
        border:1px solid #151515;
        margin:auto;
        font-family:Calibri;  
    }

我怀疑边框没有按照我的意愿显示的原因与此CSS无关。如果您想查看完整的CSS / HTML：http://sprocket-tools.com/

，可以在此处查看该网站

我不会通过包含详细的HTML / CSS来膨胀这篇文章。如果您需要有关HTML / CSS方面的更多详细信息，请访问该链接。

Answer 1

您已经浮动了DIV，导致父元素崩溃。你需要在它们下面放一个清除的元素，强制父元素不这样做。

<div style="height:0px; clear:both;"></div>

将其置于</body>之上。应该这样做。

请参阅：http://css-tricks.com/all-about-floats/从“The Great Collapse”部分开始

为什么这些div不在我体内？

1 个答案: