html - 为什么这些 div 不在我的 body 里？

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

您 float 了 DIV，这导致父元素折叠。您需要在它们下方有一个清除元素，强制父元素不以这种方式运行。

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

把它放在你的 </body> 上面.应该可以。

看这个:http://css-tricks.com/all-about-floats/从“大崩溃”部分开始