div 绝对置底的一种方法

给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)); } //左侧固定
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值