为程序猿打造的最专业的问答平台
我要提问官方QQ群:367722569

怎么让div始终固定在底部html

浏览5659 | rsj217 发布于 5年前 | | 举报
系统版本:win7 64位

我做网页,有个底部div,我设置的css是margin-top:50px 

但是如果页面一屏就够,没有滚动条时,底部div就不再底部了

我想知道怎么让这个div一直固定在底部。


我试过用position:fixed,但是这样就算页面很长,这个div就只到浏览器的底部而在页面的中间了

该怎么让div始终在底部啊

4个回答
1
阿木发表于5年前 阿木

IE9以下,position不支持fixed属性,可以使用css的expression表达式实现你要的效果

<div style="width:100%;height:2000px;">
    <div style="width:100%;height:40px;position:absolute;bottom:0px;top:expression(eval(document.body.scrollTop) + eval(document.body.clientHeight) - 40);background:#ff6600;">底部对齐</div>
</div>

0
阿木发表于5年前 阿木

可以直接用样式控制,刚写了一个例子,你试一下看可不可以

 <html>
	<head></head>
	<body style="margin:0px;padding:0px;">
		<div style="width:100%;height:2000px;">
			<div style="width:100%;height:40px;position:fixed;bottom:0px;background:#ff6600;">底部对齐</div>
		</div>
	</body>
</html>

0
程序员1999发表于5年前 程序员1999

这要用js才行

$("底部div").css("top",($(document).height())+"px");

这样不管你的窗口大小怎么变都是在底部

0
shuxingzhe发表于5年前 shuxingzhe

很久不玩css了,你可以试试在position:fixed的基础下,加入margin-bottom: 0px。

当然根据总体样式不同,你所设置的参值也不一样,自己调试下吧。

注意一点,就是css的兼容问题。

我来回答
您当前输入了 0 个文字

擅长用户

kkli 阿木 nil_461711 较瘦 依云 haidaozhaoran likebeta jiajiakilong bugyak herostark 御宅小受 德玛西亚之剑 jianleer mrJin 不写代码的码农 喜剧演员
TOP
登录
登录
记住我
忘记密码?
密码错误
登陆
没有账号?点此注册
举报
胡乱举报将扣除一定问答币或以其他方式进行处罚
辱骂 广告 重复 其他
举报