CSS包装背景不出现

我有一个这样的结构

<div class="contentWrapper">
<div class="left_side"></div>
<div class="right_side"></div>
</div>

但背景色和边框不显示

我的左侧和右侧类的样式如下所示：

.left_side {
width: 630px;
float: left;
padding: 0 10px 0;
}

.right_side {
width: 300px;
float: right;
margin: 0 20px 20px;
}

如果我关闭左侧或右侧的浮动，但背景和边框会出现..如何解决这个问题，我真的需要在左侧和右侧都设置背景和边框

谢谢，

---

css中的类名是错误的。在html中称为left_-side和right_-side，而在css中有right_列和left_列

---

这将清除浮子并基本修复它。当你浮动一个元素时，它会跳出正常层，导致父元素的行为就像它里面什么都没有一样。

首先，它是

。left\u column

还是

。left\u side

？。contentWrapper应该是

位置：absolute

我的坏，修复了它…它的左侧集。contentWrapper到

位置：absolute

.left_side {
width: 630px;
float: left;
padding: 0 10px 0;
}

.right_side {
width: 300px;
float: right;
margin: 0 20px 20px;
}

.contentWrapper {
    margin: 0px auto;
    padding: 0px;
    width: 990px;
    text-align: left;
    background-color: #FFF;
    box-shadow: 0 2px 7px rgba(0,0,0,0.25);
    position: relative;
    z-index: 20;
    overflow: hidden; /* THIS /*
}