嵌套 中未显示 CSS 背景色

Question

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

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

下面的 CSS:

#wrapper {

  background-color: yellow;

}

div.rightside {

  width: 31%;
  margin: 0 1.33333em 0 0;
  display:inline;
  float:left;   

}

这是我的 jsfiddle:http://jsfiddle.net/yPX5Q/2/

谢谢干杯

Answer 1

将 overflow:auto 添加到包装器 div

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

jsFiddle example

float 内部 div 实质上使包装器 div 没有高度。通过添加 overflow:auto，它恢复了预期的行为。