星空网 > 软件开发 > 网页设计

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%,否则将无法随滚动条的滚动而滚动.




原标题:footer置底

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

国际物流跨境:https://www.goluckyvip.com/tag/93111.html
跨境电商cod物流:https://www.goluckyvip.com/tag/93112.html
电商进口跨境物流:https://www.goluckyvip.com/tag/93113.html
跨境进口电商物流:https://www.goluckyvip.com/tag/93114.html
跨境电商的物流问题:https://www.goluckyvip.com/tag/93115.html
跨境越南物流:https://www.goluckyvip.com/tag/93116.html
探讨内地人开设香港账户的可行性 :https://www.kjdsnews.com/a/1836442.html
在古巴做游轮 古巴旅游项目:https://www.vstour.cn/a/363194.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流