国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 保定市| 天全县| 临沂市| 新余市| 湟中县| 黄浦区| 西昌市| 个旧市| 平阴县| 阿拉善右旗| 合阳县| 盐城市| 临泽县| 曲靖市| 洛扎县| 墨玉县| 七台河市| 揭东县| 万源市| 瑞金市| 彭山县| 石城县| 巫溪县| 化德县| 都兰县| 尚志市| 衢州市| 南汇区| 蚌埠市| 苏尼特右旗| 中江县| 翼城县| 镇赉县| 康乐县| 牟定县| 保德县| 垦利县| 诸城市| 望奎县| 商都县| 宁海县|