feijilei
V2EX  ›  问与答

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

  •  
  •   feijilei · Jul 12, 2014 · 3790 views
    This topic created in 4334 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
        1
    zhujinliang  
       Jul 12, 2014
    如果是图片广告的话,将图片作为body的底图,然后对body做padding-top
    guchengf
        2
    guchengf  
       Jul 12, 2014
    document.getElementById('你的页面主容器的id').style.top = '150px';
    jsonline
        3
    jsonline  
       Jul 12, 2014 via Android
    样式的事交给CSS啦
    lcxz
        4
    lcxz  
       Jul 12, 2014
    $("body").css({"marginTop":"150"})
    Biwood
        5
    Biwood  
       Jul 12, 2014
    什么样式都不用加,你直接把图片放到body标签里面最前面的位置不行吗
    adspe
        6
    adspe  
       Jul 12, 2014
    @guchengf Right
    guchengf
        7
    guchengf  
       Jul 12, 2014
    @Biwood 他的网页中有 absolute 的元素
    Biwood
        8
    Biwood  
       Jul 12, 2014
    @guchengf 原来如此,刚刚没读懂他的意思。可以给body一个150px的magin-top并把定位设置为相对定位,然后广告图和网页原来的内容都可以基于body来定位,互不干扰。
    vexfisher
        9
    vexfisher  
       Jul 12, 2014
    document.body.style.paddingTop = '150px';
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   867 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 49ms · UTC 20:28 · PVG 04:28 · LAX 13:28 · JFK 16:28
    ♥ Do have faith in what you're doing.