你的位置:首页 > 网页设计

[网页设计]footer置底


html代码:

<div >   <div cass="header"></div>   <div ></div>   <div ></div> </div> 

第一种情况:footer随着滚动条的滚动而滚动 

.container{  position:relative;  width:100%;  min-height:100%;} .body{  padding-bottom:50px;} .footer{  height:50px;  position:absolute;  bottom:0px;  left:0px;} 

第二种情况:footer始终在其底部固定 

.container{  position:relative;  width:100%;  min-height:100%;} .body{  padding-bottom:50px;} .footer{  height:50px;  position:fixed;  bottom:0px;  left:0px;} 

注意: 
千万不能设置.container的高度为100%,否则将无法随滚动条的滚动而滚动.