css - 保持两个div的长度相同

Question

我有两个 div，main 和 side，我想确保保持较长者的长度。

目前，主体比边长，我怎样才能使它们保持相同的高度，具体取决于内容？

#main{
width:818px;
padding:20px;
float:left;
background-color:white;
border-top-left-radius:20px;
border-left:1px solid #909090;
border-top:1px solid #909090;
}

#side{
float:left;
width:230px;
padding:20px;
background-color:#FEF5CA;
border-top:1px solid #909090;
border-right:1px solid #909090;
}

谢谢。

Answer 1

display: table-cell;

CSS3 是你的 friend ;-)