div根据内容自动调节高度的解决方法

来源:百度文库 编辑:神马文学网 时间:2024/04/28 08:10:13

Div即父容器不根据内容自动调节高度,我们看下面的代码:

Html代码
  1.  id="main">  
  2.  id="content">
  
  •    



      当Content内容多时,即使main设置了高度100%或auto。在不同浏览器下还是不能完好的自动伸展。内容的高度比较高了,但容器main的高度还是不能撑开。

      我们可以通过三种方法来解决这个问题。

      一,增加一个清除浮动,让父容器知道高度。请注意,清除浮动的容器中有一个空格。

    Html代码

    1.  id="main">  
    2.  id="content">
      
  •  style="font: 0px/0px sans-serif;clear: both;display: block"> 
  •