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

首頁 > 開發 > CSS > 正文

CSS實例教程:永遠在網頁底部的網頁布局

2024-07-11 09:04:14
字體：大 中 小
來源：轉載
供稿：網友

武林網(www.companysz.com)文章簡介：CSS實例教程:永遠在網頁底部的網頁布局.

看這個網頁的底部，為什么會跑到那兒去呢？即使內容很少的情況下，它也始終在頁面的底部。
否則頁面底部將留下大量空白。

下面是它實現的代碼：
<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高度的負值 */
    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 */

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 欧美亚洲国产成人 | 国内精品免费一区二区2001 | 国产在线免费 | 国产一级在线看 | 欧美高清第一页 | 亚洲午夜精品视频 | 视频一区二区三区在线 | 久色porn | 色999久久久精品人人澡69 | 中文字幕www.| 久久久久久久久久久久久久国产 | 国产中文av在线 | 精品国产一区二区三区免费 | 九九热视频这里只有精品 | 人成免费a级毛片 | 亚洲欧美在线看 | 日日影视 | 国产精品观看在线亚洲人成网 | 欧产日产国产精品乱噜噜 | 国产影院在线观看 | 精品二区在线观看 | 日本在线精品视频 | 中文字幕欧美专区 | 亚洲草逼视频 | 欧美在线黄色 | 国产视频第一区 | 黄色视频一级毛片 | 国产在线看一区 | 精品一区二区三区免费 | 亚洲第一页中文字幕 | 欧美一区二区三区免费不卡 | 成人一区二区在线观看视频 | 女18一级大黄毛片免费女人 | 欧美黄色一级片在线观看 | 免费一级毛片在线播放视频老 | 91av在线免费播放 | 污黄视频在线播放 | 精品亚洲一 | 欧美精品色精品一区二区三区 | 中文字幕精品在线播放 | 国产免费让你躁在线视频 |