国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

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

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

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

下面是它實(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ā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 黔西县| 尉犁县| 和硕县| 江达县| 稻城县| 乌兰浩特市| 长垣县| 苗栗县| 凉山| 临清市| 兴文县| 黄冈市| 金溪县| 长白| 湖南省| 淳化县| 叶城县| 德庆县| 夏津县| 巴楚县| 禹城市| 南和县| 隆安县| 桦南县| 云南省| 定西市| 三明市| 武鸣县| 庆云县| 海阳市| 湘潭市| 繁峙县| 北票市| 榆林市| 万全县| 云阳县| 河间市| 无极县| 漠河县| 花垣县| 岳普湖县|