Question

编辑：我相信自己已经解决了这个问题。 “身体容器”Div需要“溢出：隐藏”。感谢那些提供帮助的人。

我正在设计一个我计划将来转换为Wordpress模板的网站。我现在遇到的问题是包含我的“新闻”Div的Div的背景和我的“侧边栏”Div消失，每当我漂浮“侧边栏”Div。我现在已经工作了几个小时，但似乎无法找到问题。

HTML：

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

CSS：

    #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;
    }

Answer 1

“body-container”Div需要“溢出：隐藏”。

与Div标签对齐的问题

1 个答案: