手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS控制DIV永远固定在页面底部不随滚动而滚动
CSS控制DIV永远固定在页面底部不随滚动而滚动
摘要:html,body{width:100%;height:100%;margin:0px;padding:0px;overflow:hidde...

<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>

【CSS控制DIV永远固定在页面底部不随滚动而滚动】相关文章:

CSS制作网页布局实例:隐藏input文字

CSS里随滚动条滚动代码

CSS控制图片自适应Div大小

CSS+DIV表格背景透明内容不透明

大型网站为什么把CSS直接写在页面里?

火狐浏览器中DIV的高度不随里面的内容增高而增高

css控制div置顶置底的例子

CSS:使DIV 在浏览器窗口中水平垂直居中

天猫新旺铺首页全屏滚动海报代码

DIV+CSS页面布局中BUG解决方法

精品推荐
分类导航