<strike id="rrvnz"></strike>

    <noframes id="rrvnz">
    <noframes id="rrvnz"><span id="rrvnz"><pre id="rrvnz"></pre></span><address id="rrvnz"></address>
    <address id="rrvnz"><nobr id="rrvnz"></nobr></address><noframes id="rrvnz">
      <em id="rrvnz"></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
        特黄特色三级在线观看 - 视频 - 在线观看 - 影视资讯 -心晴网