css - 强制一个 div 包含 float 的子 div

Question

我正在尝试在 Wordpress 中自定义 twentyeleven 主题。 它有一个 2 列布局设置:

<div id="main">
     <div id="primary"></div>
     <div id="secondary"></div>
</div>

和

#main {
    clear: both;
    padding: 1.625em 0 0;
}
#primary {
    float: left;
    margin: 0;
    width: 100%;
}
#secondary {
    float: right;
    margin-right: 7.6%;
    width: 18.8%;
}

我不确定 style.css 中是否还有我未识别的其他相关 css 属性。总之，子 div 位于 #main 之外。我如何强制将子 div 包含在 #main 中？ (除了减少 #primary 的宽度，这对我没有影响)

Answer 1

你需要添加overflow: auto到#main:

#main {
    clear: both;
    padding: 1.625em 0 0;
    overflow: auto;
}