父DIV不能适应子DIV高度的解决办法


经常使用嵌套DIV时,发现父div的高度不随子div高度变化,即使设置了高度100%或auto也没有效果,其实可以通过在层下面增加一个1象素高度的层来解决
查找相关文章:css div高度适应
经常使用嵌套DIV时,发现父div的高度不随子div高度变化,即使设置了高度100%或auto也没有效果,其实可以通过在层下面增加一个1象素高度的层来解决

嵌套DIV:
父DIV的高度不能根据子DIV自动变化的解决方案 
<div id="parent">
   <div id="content"> </div>
</div>

当Content内容多时,即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。 解决方案 

<div id="parent"> 
  <div id="content"></div> 
  <div style="font: 0px/0px sans-serif;clear: both;display: block"> </div><!--here-->
</div> 

在层的最下方产生一个高度为1的空格,可解除这个问题

本文转载自:http://www.hxblog.net/article.asp?id=350
  • 什么是 | 发表于:2008-11-19 00:21:12
  • 非常非常的感谢帮我解决了大麻烦!