关于CSS布局高度自适应解决办法

我们通常在做布局时父层是不设置高度的，我们一般情况是希望父层的高度是由子层里面的内容来决定的。但是有时候我们要给子层内容做浮动，这样的话父层高度不会被撑开，即父层的高度不随子层内容而变化。

出现这种情况的原因是子层漂浮起来了，父层还在下面，也就好说父层和子层不在同一平面内，所以父层的高度不会被撑开。解决办法就是给父层也加上浮动，也就是让父层也漂浮起来，即父层和子层在同一平面内，这样父层的高度就会被撑开。

但是有时我们希望父层包括里面的内容都是居中显示的，如果我们给父层加上浮动话，它就不再居中显示了。解决办法之一，我们不给父层加上浮动，只要给浮动层加上clear清除浮动就可以了。办法之二，我们给父层加上清除浮动.clearfix:after{content:”\200B”; display:block; height:0; clear:both; }或者.clearfix {overflow: auto;}当然如果你想支持IE6和IE7还要加上.clearfix{*zoom:1;}。