Div即父容器不根據(jù)內(nèi)容自適應(yīng)高度的解決方法_Div+CSS教程
      
編輯Tag賺U幣
      


      教程Tag：暫無Tag,歡迎添加,賺取U幣!
      


      


						　　Div即父容器不根據(jù)內(nèi)容自適應(yīng)高度，我們看下面的代碼：

      示例代碼 [www.wf0088.com]
      <div id="main">
      <div id="content"></div>
      </div>

      　　當(dāng)Content內(nèi)容多時(shí)，即使main設(shè)置了高度100%或auto。在不同瀏覽器下還是不能完好的自動(dòng)伸展。內(nèi)容的高度比較高了，但容器main的高度還是不能撐開。

      　　我們可以通過三種方法來解決這個(gè)問題。
      　　一，增加一個(gè)清除浮動(dòng)，讓父容器知道高度。請注重，清除浮動(dòng)的容器中有一個(gè)空格。

      示例代碼 [www.wf0088.com]
      <div id="main"> 
      <div id="content"></div> 
      <div style="font: 0px/0px sans-serif;clear: both;display: block"> </div>
      </div> 

      　　二，增加一個(gè)容器，在代碼中存在，但在視覺中不可見。

      示例代碼 [www.wf0088.com]
      <div id="main"> 
      <div id="content"></div> 
      <div style="height:1px; margin-top:-1px;clear: both;overflow:hidden;"></div>
      </div> 

      　　三，增加一個(gè)BR并設(shè)置樣式為clear:both。

      示例代碼 [www.wf0088.com]
      <div id="main"> 
      <div id="content"></div> 
      <br style="clear:both;" />
      </div>
       




      

      



      


      來源：無憂整理//所屬分類：Div+CSS教程/更新時(shí)間：2007-05-01


      

      



      


      



      相關(guān)Div+CSS教程：