Html Div标签对齐问题

编辑：我相信我自己已经解决了这个问题。“body container”Div需要“overflow:hidden”。感谢那些给予帮助的人

我正在设计一个网站，我计划在未来转换成Wordpress模板。我目前遇到的问题是，每当我浮动“侧边栏”Div时，包含我的“新闻”Div和“侧边栏”Div的Div的背景就消失了。我已经花了几个小时来研究它，但似乎找不到问题

HTML:

---

“body container”Div需要“overflow:hidden”。

是否可以创建一个包含该Div的容器？-这是整个页面，我最初发布的是给我带来问题的部分。“body container”Div有一个背景，你应该可以看到，但是不能看到，因为“sidebar”Div设置为向右浮动。如果你看的话，它工作得很好，顶部的黑线实际上是“body container”Div的边框，它应该围绕着所有东西。您还将看到背景不存在，这就是我所描述的问题。如果需要wapper，请删除所有高度，使用“clear:all”

<div id="body">
<div id="body-container">
    <div id="news">
        <div id="post-1" class="news-posts">
            Post 1
        </div>
        <div id="post-2" class="news-posts">
            Post 2
        </div>
        <div id="post-3" class="news-posts">
            Post 3
        </div>
        <div id="post-4" class="news-posts">
            Post 4
        </div>
        <div id="post-5" class="news-posts">
            Post 5
        </div>
    </div>
    <div id="sidebar">
    </div>
</div>
</div>

    #body {
        margin: 0;
        padding: 0;
        height: auto;
        width: 100%;
    }
            #body-container {
        margin: 0 auto 0;
        height: auto;
        width: 1060px;
        -moz-box-shadow: 0pt 0pt 5px rgb(0, 0, 0), 0pt 0pt 1px rgba(255, 255, 255, 0.03) inset;
        -webkit-box-shadow: 0pt 0pt 5px rgb(0, 0, 0), 0pt 0pt 1px rgba(255, 255, 255, 0.03) inset;
        box-shadow: 0pt 0pt 5px rgb(0, 0, 0), 0pt 0pt 1px rgba(255, 255, 255, 0.03) inset;
        background: #9A9A9A;
        border: thin solid black;
    }
    #news {
        height: auto;
        width: 735px;
        padding: 5px;
        float: left;
    }
    #sidebar {
        height: 500px;
        width: 200px;
        -moz-box-shadow: 0pt 0pt 5px rgb(0, 0, 0), 0pt 0pt 1px rgba(255, 255, 255, 0.03) inset;
        -webkit-box-shadow: 0pt 0pt 5px rgb(0, 0, 0), 0pt 0pt 1px rgba(255, 255, 255, 0.03) inset;
        box-shadow: 0pt 0pt 5px rgb(0, 0, 0), 0pt 0pt 1px rgba(255, 255, 255, 0.03) inset;
        background: #FFF;
        clear: right;
        margin-top: 5px;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        float: right;
    }
    .news-posts {
        height: 200px;
        width: 636px;
        background: #FFF;
        padding: 15px;
        margin-bottom: 10px;
        -moz-box-shadow: 0pt 0pt 5px rgb(0, 0, 0), 0pt 0pt 1px rgba(255, 255, 255, 0.03) inset;
        -webkit-box-shadow: 0pt 0pt 5px rgb(0, 0, 0), 0pt 0pt 1px rgba(255, 255, 255, 0.03) inset;
        box-shadow: 0pt 0pt 5px rgb(0, 0, 0), 0pt 0pt 1px rgba(255, 255, 255, 0.03) inset;
    }