你的位置:首页 > 软件开发 > 网页设计 > CSS如何控制div固定于网页底部

CSS如何控制div固定于网页底部

发布时间:2015-08-12 01:00:26
CSS如何控制div固定于网页底部:网页设计中可能需要这样的效果,那就是将一个条幅放在网页的最底部,并且在网页滚动的时候能够穿过此条幅。代码实例如下:<!DOCTYPE html><html><head><meta charset=&qu ...

CSS如何控制div固定于网页底部:

网页设计中可能需要这样的效果,那就是将一个条幅放在网页的最底部,并且在网页滚动的时候能够穿过此条幅。

代码实例如下:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css">html, body { padding:0px; margin:0px; height:100%}#main { height:100%; width:100%; overflow:auto;}.neirong { height:1000px; width:20px; background-color:green; margin:0px auto;}#bottombar { position:absolute; width:100%; height:30px; line-height:30px; text-align:center; bottom:0px; background-color:#999; z-index:2;}</style></head><body><div id="main"> <div class="neirong">其实我很长,往下使劲拉吧</div></div><div id="bottombar">蚂蚁部落欢迎您!</div></body></html>

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:CSS如何控制div固定于网页底部

关键词:CSS

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