html - 使用 div 对元素进行分组并为该组应用样式表

Question

我正在尝试创建几个部门并为每个部门应用不同的背景，但我的代码没有按预期工作。

HTML

<div class="main">
    <div id="div1">Im in div-1</div>
    <div id="div2"></div>
    <div id="div3"></div>
</div>

CSS

.main{
    background-color:red;
}
#div1 {
    height:200px;
    width:100px;
    float:left
}
#div2 {
    height:200px;
    width:500px;
    float:left
}

当我为每个 id 设置背景颜色时，它按预期工作，但当我为类设置时它不起作用。

Answer 1

它有效，你看不到它，因为你的 float div 没有被父级包裹。

在父div中添加overflow:hidden

Fiddle