CSS背景颜色未显示在嵌套的<DIV>中

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

浮动内部div基本上给包装器div没有高度.通过添加overflow:auto,它会带回预期的行为.