关于父级DIV绝对居中高度不延伸的解决方法

/ 0评 / 0

在写DIV的时候我们都知道要让父级DIV高度随着内容的增加而延伸必须给父级DIV添加一个float:left;属性,但是假如我们的父级DIV必须要在网页里面居中,很明显我们使用float:left;属性是肯定不行的,不管你是否设置了margin:auto;都无济于事,这个DIV就继承了float:left;属性会跑到网页的左边的。貌似在IE内核8版本以下的都不会出现这个问题,关键是现在用谷歌等前面支持CSS3的浏览器的用回也不少了。所以这个问题是必须要面对的。

那我们怎样来让父级DIV绝对居中而高度也延伸呢?其实方法很简单。首先我们给这个DIV添加一个clear:both;清除浮动,然后在设置一个height:auto;自适应高度,再来个overflow:hidden;隐藏溢出,这样问题就全面解决掉了了。完整的CSS如下

div{clear:both;height:auto;overflow:hidden;}

希望对大家有用、