控制DIV永远固定在页面底部的方法有很多,基本上都是通过css或js来实现的,本节也实现了一个这样的效果,大家可以学习下
复制代码代码如下:
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-600);
z-index:2;
overflow:hidden;
}
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
www.baidu.com
CSS控制DIV永远固定在页面底部
以上就是CSS控制DIV永远固定在页面底部不随滚动而滚动的详细内容,更多请关注本站其它相关文章!