解决Firefox中css容器背景图高度自适应的三种简单方法
2009年3月5日 作者:water
问题提出：
在xhtml+css的设计中，经常会碰到类似本站blog采用的最大众化的左右分栏结构，注意看两栏之间有一条竖线分隔。当然实现这样的效果可能会有很多种方法，但我认为比较简单的一种方法就是：在分栏结构上父容器上定义一个背景图片来实现，这时ie下显示是正常的，firefox下这个背景图会因为高度为0而显示不出来。
解决方法：
- 设置父容器css属性：display: table;
- 设置父容器css属性：overflow: hidden;
- 在父容器内部的最后位置加一行：<div style=”clear:both;”></div>