CSS背景色不显示在嵌套中<；部门>；

我无法使黄色背景色与嵌套的div一起显示，这些div显示在3个单独的列中。我做错了什么

<div id="wrapper">
   <div class="rightside">
   Test
   </div>
   <div class="rightside">
   Test
   </div>    
   <div class="rightside">
   Test
   </div>    
</div>    

这是我的JSFIDLE：

谢谢

---

干杯

将

溢出：自动

添加到包装器div

#wrapper {
    background-color: yellow;
    overflow:auto;
}

---

浮动内部div实际上使包装器div没有高度。通过添加overflow:auto，它将返回预期的行为。

您可以设置

overflow:hidden，或者使用带有伪元素或额外元素的clearfix方法

有关浮动元素的详细信息，请参见此处：

#wrapper {
    background-color: yellow;
    overflow:auto;
}