|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。
网页制造poluoluo文章简介:CSS实例教程:永久在网页底部的网页结构.
看这个网页的底部,为何会跑到那儿往呢?即便内容很少的情形下,它也一直在页面的底部。
不然页面底部将留下大批空缺。
上面是它完成的代码:
<divid="wrap">
<divid="main"class="clearfix">
<divid="content">
</div>
<divid="side">
</div>
</div>
</div>
<divid="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;}
/*HidesfromIE-mac*/
*html.clearfix{height:1%;}
.clearfix{display:block;}
/*EndhidefromIE-mac*/
你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。 |
|