控制DIV永远固定在页面底部代码,Css代码库,德仔网

代码语言

代码分类

【Css】控制DIV永远固定在页面底部

作者:liangjw0504 / 发布于2015/9/22/ 1226


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

试试其它关键字

　固定在页面底部　

同语言下

可能有用的

liangjw0504贡献的其它代码(36)