麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網(wǎng)站 > 網(wǎng)頁設(shè)計 > 正文

永遠(yuǎn)在網(wǎng)頁底部的網(wǎng)頁布局代碼

2024-08-30 08:36:49
字體：大 中 小
供稿：網(wǎng)友
看這個網(wǎng)頁的底部，為什么會跑到那兒去呢？即使內(nèi)容很少的情況下，它也始終在頁面的底部布局。
否則頁面底部將留下大量空白。

下面是它實(shí)現(xiàn)的代碼：
<div id="wrap">
    <div id="main" class="clearfix">
        <div id="content">
        </div>
        <div id="side">
        </div>
    </div>
</div>
<div id="footer">
</div>


html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 150px;}  /* 必須使用和footer相同的高度 */
#footer {position: relative;
    margin-top: -150px; /* footer高度的負(fù)值 */
    height: 150px;
    clear:both;}


兼容性hack：

.clearfix:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}
/* hides from ie-mac /*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* end hide from ie-mac */

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 国产一国产精品一级毛片 | 久久久久久久久久一本门道91 | 91快色视频 | 久久久一区二区精品 | 成人免费在线观看视频 | 国产乱乱视频 | 日本中文字幕高清 | 亚洲精久久 | 香蕉久草在线 | 一级毛片在线观看免费 | 一区视频| 日韩黄在线 | 午夜视频久久 | 精品成人国产在线观看男人呻吟 | 性生活香蕉视频 | 成人黄视频在线观看 | 国产精品亚洲精品日韩已方 | 精品国产一区二区三区四 | 91精品国产成人 | av在线免费观看网 | 中文字幕涩涩久久乱小说 | 91在线播放国产 | 九九热精品在线 | 羞羞视频免费网站男男 | 色网在线视频 | 亚洲午夜在线 | 国产日韩一区二区三区在线观看 | 欧美精品一区二区三区在线 | 91精品久久久久久久久久久 | 午夜视频在线观看免费视频 | 久草手机视频在线观看 | 日美黄色片 | 欧美黄 片免费观看 | 草莓福利视频在线观看 | 91精品国啪老师啪 | 欧美精品久久久久久久久老牛影院 | 国产精品成人一区 | 一本在线高清码电影 | 国产一区二区视频精品 | 免费一级特黄毛片视频 | 成人 精品 |