首頁>Club>

Div+Css佈局教程？

10
回覆列表
  • 1 # 使用者8252867772446

    層

    相當於

    佈局方式不是很相同。

    div+css

    我的理解就是

    就是用div+css構架設計。

    我修改了部分，屬於混合式

  • 2 # 無盡音源

    正好自己以前寫過，奉上最簡短的程式碼，效果已親測，相容IE7/8以及Chrome等現代瀏覽器，程式碼如下：

    <!doctype html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>div+css上中下佈局</title>

    <style>

    html,body {height:100%; *overflow:hidden; /* 消除IE7下的橫向捲軸 */}

    body {margin:0; padding:0; font-size:30px; text-align:center; color:#fff;}

    .top ,.nav ,.foot {width:100%; height:100px; position:absolute;}

    .top {background:red; top:0;}

    .nav {background:blue; top:100px; bottom:100px; height:auto;}

    .foot {background:gray; bottom:0;}

    </style>

    </head>

    <body>

    <div>我是頭部</div>

    <div>這裡已經自適應到底部</div>

    <div>我是底部</div>

    </body>

    </html>

    注：IE6不支援，如想完美解決，請使用js動態獲取頁面高度，然後賦值給nav那個層。

  • ∧ 中秋節和大豐收的關聯？
  • ∨ 藍芽2.0和4.0是什麼區別？