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