div 绝对置底的一种方法

最新推荐文章于 2021-11-17 14:46:11 发布

丿灬花卷

最新推荐文章于 2021-11-17 14:46:11 发布

阅读量1.4k

点赞数

分类专栏： HTML类文章标签： div html 浏览器 ie css url

本文链接：https://blog.csdn.net/yu513517/article/details/7347783

版权

HTML类专栏收录该内容

5 篇文章 0 订阅

订阅专栏

给DIV 加属性  position:fixed; bottom:0;

	.fixed-top { position:fixed; bottom:auto; top:0px; } //头部固定
	.fixed-bottom { position:fixed; bottom:0px; top:auto; } //底部固定
	.fixed-left { position:fixed; right:auto; left:0px; } //左侧固定
	.fixed-right { position:fixed; right:0px; left:auto; } //右侧固定

上面的是除了IE6的主流浏览器通用的方法

/==================================================================/
* html,* html body {background-image:url(about:blank);background-attachment:fixed;} //修正IE6的bug，这句加载css的最上边，不会对你的样式有任何影响
* html .fixed-top { position:absolute; bottom:auto; top:expression(eval(document.documentElement.scrollTop)); } //头部固定
* html .fixed-right { position:absolute; right:auto; left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0)); } //右侧固定
* html .fixed-bottom { position:absolute; bottom:auto; top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); } //底部固定
* html .fixed-left { position:absolute; right:auto; left:expression(eval(document.documentElement.scrollLeft)); } //左侧固定