CSS控制DIV永远固定在页面底部不随滚动而滚动

前端技术 2023/09/03 CSS

复制代码
代码如下:

<style type=\"text/css\">
html,body {
width:100%;
height:100%;
margin:0px;
padding:0px;
overflow:hidden;
}
#Main {
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:100%;
overflow:auto;
z-index:1;
}
#ToolBar {
position:absolute;
bottom:0px;
right:16px;
width:100%;
height:100px;
text-align:center;
BACKGROUND-IMAGE: url(http://hi.csdn.net/attachment/201101/18/7494075_1295323598v2Ii.png);
z-index:2;
overflow:hidden;
}
</style>
<div id=\"Main\">
<p>www.baidu.com</p><p>www.baidu.com</p><p>www.baidu.com</p>
<p>www.baidu.com</p><p>www.baidu.com</p><p>www.baidu.com</p>
<p>www.baidu.com</p><p>www.baidu.com</p><p>www.baidu.com</p>
<p>www.baidu.com</p><p>www.baidu.com</p><p>www.baidu.com</p>
<p>www.baidu.com</p><p>www.baidu.com</p><p>www.baidu.com</p>
<p>www.baidu.com</p><p>www.baidu.com</p><p>www.baidu.com</p>
<p>www.baidu.com</p><p>www.baidu.com</p><p>www.baidu.com</p>
<p>www.baidu.com</p><p>www.baidu.com</p><p>www.baidu.com</p>
<p>www.baidu.com</p><p>www.baidu.com</p><p>www.baidu.com</p>
<p>www.baidu.com</p><p>www.baidu.com</p><p>www.baidu.com</p>
<p>www.baidu.com</p><p>www.baidu.com</p><p>www.baidu.com</p>
<p>www.baidu.com</p><p>www.baidu.com</p><p>www.baidu.com</p>
<p>www.baidu.com</p><p>www.baidu.com</p><p>www.baidu.com</p>
<p>www.baidu.com</p><p>www.baidu.com</p><p>www.baidu.com</p>
<p>www.baidu.com</p><p>www.baidu.com</p><p>www.baidu.com</p>
<p>www.baidu.com</p><p>www.baidu.com</p><p>www.baidu.com</p>
</div>
<div id=\"ToolBar\">CSS控制DIV永远固定在页面底部</div>

本文地址：https://www.stayed.cn/item/7575

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案