• <em id="ommgs"></em>
    <dd id="ommgs"><center id="ommgs"></center></dd>

    1. <em id="ommgs"><acronym id="ommgs"><u id="ommgs"></u></acronym></em>
      首 頁IT知識庫翔宇問吧收藏本站
      當前位置:翔宇亭IT樂園IT知識庫WEBCSS

      CSS中讓div自動適應內容的高度的解決方案

      減小字體 增大字體 作者:不詳  來源:轉載整理  發布時間:2013-12-01 21:58:19

       我們在設計網頁時,有時DIV標簽的高度不能自動伸展,尤其是帶邊框的DIV,這樣會使網頁顯得較為難看。本文轉載的文章給出了相應的解決方案。

      我們看下面的代碼:
      <div id="main">
      <div id="content"></div>
      </div>

        當Content內容多時,即使main設置了高度100%或auto。在不同瀏覽器下還是不能完好的自動伸展。內容的高度比較高了,但容器main的高度還是不能撐開。

        我們可以通過三種方法來解決這個問題。
        一,增加一個清除浮動,讓父容器知道高度。請注意,清除浮動的容器中有一個空格。
      <div id="main"> 
      <div id="content"></div> 
      <div style="font: 0px/0px sans-serif;clear: both;display: block"> </div>
      </div> 

        二,增加一個容器,在代碼中存在,但在視覺中不可見。
      <div id="main"> 
      <div id="content"></div> 
      <div style="height:1px; margin-top:-1px;clear: both;overflow:hidden;"></div>
      </div> 

        三,增加一個BR并設置樣式為clear:both。
      <div id="main"> 
      <div id="content"></div> 
      <br style="clear:both;" />
      </div>

      知識評論評論內容只代表網友觀點,與本站立場無關!

         評論摘要(共 0 條,得分 0 分,平均 0 分) 查看完整評論

      用戶名: 查看更多評論

      分 值:100分 90分 80分 70分 60分 40分 20分

      內 容:

      請注意用語文明且合法,不要發布帶有攻擊性、侮辱性的言論,謝謝合作!

      驗證碼:

      關于本站 | 網站幫助 | 廣告合作 | 網站聲明 | 友情連接 | 網站地圖 | 用戶守則 | 聯系我們
      本站部分內容來自互聯網,如有侵權,請來信告之,謝謝!
      Copyright © 2007-2019 biye5u.com. All Rights Reserved.
      網站備案號:黑ICP備13005378號-3
      japanese日本熟妇photo