feijilei
V2EX  ›  问与答

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

  •  
  •   feijilei · Jul 12, 2014 · 4062 views
    This topic created in 4497 days ago, the information mentioned may be changed or developed.
    我想在html网页头部显示一副高度为150px的广告;但是网页中css position: absolute;top: 0;对网页展示有影响,如何才能实现这种情况?
    9 replies  •  2014-07-12 23:57:54 +08:00
    zhujinliang
    zhujinliang
    Jul 12, 2014
    1
    如果是图片广告的话,将图片作为body的底图,然后对body做padding-top
    guchengf
    guchengf
    Jul 12, 2014
    2
    document.getElementById('你的页面主容器的id').style.top = '150px';
    jsonline
    jsonline
    Jul 12, 2014 via Android
    3
    样式的事交给CSS啦
    lcxz
    lcxz
    Jul 12, 2014
    4
    $("body").css({"marginTop":"150"})
    Biwood
    Biwood
    Jul 12, 2014
    5
    什么样式都不用加,你直接把图片放到body标签里面最前面的位置不行吗
    adspe
    adspe
    Jul 12, 2014
    6
    @guchengf Right
    guchengf
    guchengf
    Jul 12, 2014
    7
    @Biwood 他的网页中有 absolute 的元素
    Biwood
    Biwood
    Jul 12, 2014
    8
    @guchengf 原来如此,刚刚没读懂他的意思。可以给body一个150px的magin-top并把定位设置为相对定位,然后广告图和网页原来的内容都可以基于body来定位,互不干扰。
    vexfisher
    vexfisher
    Jul 12, 2014
    9
    document.body.style.paddingTop = '150px';
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2937 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 42ms · UTC 11:23 · PVG 19:23 · LAX 03:23 · JFK 06:23
    ♥ Do have faith in what you're doing.