让DIV固定在浏览器窗口的底部（兼容IE6）

最新推荐文章于 2020-01-16 14:44:16 发布

ceoajun

最新推荐文章于 2020-01-16 14:44:16 发布

阅读量159

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/ceoajun/article/details/84242999

版权

css 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ie6层固定</title>
<style type="text/css">
<!--
.box {
	background-color: #09C;
	height: 60px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	left: auto;
	right: auto;
	line-height: 60px;
	text-align: center;
	_POSITION: absolute;/*兼容IE6*/
 _TOP: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);/*兼容IE6*/
}
.box a{color: #FFF;}
-->
</style>
</head>
<body>
<div style="height:2000px;">这个例子是实现层固定在浏览器窗口的最下面，兼容IE6.<br />
<br />
往下看，看页面的最下面</div>
<div class="box"><a href="http://liuxiaofan.com" target="_blank">我固定在页面底部，拖动浏览器的滚动条试试 = =&gt;&gt;</a></div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ceoajun

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
让DIV固定在浏览器窗口的底部（兼容IE6）

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&
复制链接

扫一扫