父div标签高度自自适应的解决办法

在w3cn.org中看到有关解决三行两列这种常用的排版方式中父div标签高度自自适应的解决办法，是在左、右两个div外面再套一个div。然后给这个div设置float: left;就可以了。这种方法在IE浏览器下可以正常显示，但是在Firefox浏览器中不起作用了。今天我在网上搜索了很多的办法，找到了一个不错的办法，而且非常容易让人理解。
我们设置的三行两列的html代码如下：
程序代码
那么这种布局模式和我们以前常用的表格是不是有很多相似之处，请看表格代码
程序代码
所以我们可以用样式表来控制，代码如下：
程序代码
#contain {
display: table;
width: 700px;
}
#main {
float: left;
}
#main div {
display: table-row;
}
#left {
float: left;
width: 200px;
display: table-cell;
}
#right {
float: right;
width: 495px;
display: table-cell;
}