<i id="0ngdt"></i>

    1. <track id="0ngdt"><delect id="0ngdt"></delect></track>

        <track id="0ngdt"><delect id="0ngdt"></delect></track>

        容器高度100%的絕對定位布局

        容器高度100%是經常用到的需求,任何容器都可以實現,而且不需要嵌套關系。把body看作是一個容器,做為內部對象的上層標簽,他的高度設置為100%是關鍵。最基本的例子
        * { margin:0; padding:0; border:0;}
        html,body { height:100%;} /* 同時設置html是為了兼容FF */
        #box_2 { height:100%; background:#000;}
        重疊定位效果
        #box_1 { position:absolute; top:0; left:0; width:100%; height:50px; background:#f00; z-index:2;}
        #box_2 { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; z-index:1;}
        縱向相對高度效果
        #box_1 { position:absolute; top:0; left:0; width:100%; height:30%; background:#f00; z-index:2;}
        #box_2 { position:absolute; left:0; top:30%; width:100%; height:70%; background:#000; z-index:1;}
        橫向相對寬度效果
        #box_1 { position:absolute; top:0; left:0; width:30%; height:100%; background:#f00; z-index:2;}
        #box_2 { position:absolute; top:0; right:0; width:70%; height:100%; background:#000; z-index:1;}
        這種布局是不需要float的,還可以有很多變化:1,N列布局
        2,N行布局
        3,N列加N行交叉布局值得注意的是在FF下瀏覽相對大小容器頁面時,調整窗口大小的同時容器大小進行實時調整,而IE只會在窗口調整完畢后才出效果。IE5.0 / IE5.5 / IE6.0和FF1.5測試通過

        HTML/CSS技術容器高度100%的絕對定位布局,轉載需保留來源!

        鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

        女男啪啪免费小视频
        <i id="0ngdt"></i>

          1. <track id="0ngdt"><delect id="0ngdt"></delect></track>

              <track id="0ngdt"><delect id="0ngdt"></delect></track>