如何使用 js 对整个 html 页面下移 150px？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 3586 天前的主题，其中的信息可能已经有所发展或是发生改变。

我想在html网页头部显示一副高度为150px的广告;但是网页中css position: absolute;top: 0;对网页展示有影响，如何才能实现这种情况？

9 条回复 • 2014-07-12 23:57:54 +08:00

zhujinliang

2014-07-12 20:18:06 +08:00

如果是图片广告的话,将图片作为body的底图,然后对body做padding-top

guchengf

2014-07-12 20:30:22 +08:00

document.getElementById('你的页面主容器的id').style.top = '150px';

jsonline

2014-07-12 20:31:54 +08:00 via Android

样式的事交给CSS啦

lcxz

2014-07-12 20:37:29 +08:00

$("body").css({"marginTop":"150"})

Biwood

2014-07-12 20:43:24 +08:00

什么样式都不用加，你直接把图片放到body标签里面最前面的位置不行吗

adspe

2014-07-12 20:55:56 +08:00

guchengf

2014-07-12 21:38:56 +08:00

@Biwood 他的网页中有 absolute 的元素

Biwood

2014-07-12 22:31:57 +08:00

@guchengf 原来如此，刚刚没读懂他的意思。可以给body一个150px的magin-top并把定位设置为相对定位，然后广告图和网页原来的内容都可以基于body来定位，互不干扰。

vexfisher

2014-07-12 23:57:54 +08:00

document.body.style.paddingTop = '150px';