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

2024-07-11 08:30:52

字体：大中小

来源：转载

供稿：网友

复制代码

代码如下:
<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">
www.baidu.comwww.baidu.comwww.baidu.com
www.baidu.comwww.baidu.comwww.baidu.com
www.baidu.comwww.baidu.comwww.baidu.com
www.baidu.comwww.baidu.comwww.baidu.com
www.baidu.comwww.baidu.comwww.baidu.com
www.baidu.comwww.baidu.comwww.baidu.com
www.baidu.comwww.baidu.comwww.baidu.com
www.baidu.comwww.baidu.comwww.baidu.com
www.baidu.comwww.baidu.comwww.baidu.com
www.baidu.comwww.baidu.comwww.baidu.com
www.baidu.comwww.baidu.comwww.baidu.com
www.baidu.comwww.baidu.comwww.baidu.com
www.baidu.comwww.baidu.comwww.baidu.com
www.baidu.comwww.baidu.comwww.baidu.com
www.baidu.comwww.baidu.comwww.baidu.com
www.baidu.comwww.baidu.comwww.baidu.com
</div>
<div id="ToolBar">CSS控制DIV永远固定在页面底部</div>

上一篇：各种浏览器下常见css的兼容问题集锦

下一篇：CSS背景色渐变写法兼容ie6至ie9

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注