我无法让我的黄色背景颜色与显示在 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/
谢谢 干杯
最佳答案
将 overflow:auto
添加到包装器 div
#wrapper {
background-color: yellow;
overflow:auto;
}
float 内部 div 实质上使包装器 div 没有高度。通过添加 overflow:auto,它恢复了预期的行为。
关于嵌套 <DIV> 中未显示 CSS 背景色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21516097/