idamien
V2EX  ›  CSS

如何 body 空余部分

  •  
  •   idamien · May 11, 2016 · 4351 views
    This topic created in 3678 days ago, the information mentioned may be changed or developed.
    不理解为什么使用 bootstrap 就没有,自己写就有这东西

    如何用 css 去掉 body 上面这条黑的东西



    6 replies    2016-05-12 15:02:27 +08:00
    ChiangDi
        1
    ChiangDi  
       May 11, 2016 via Android
    把 body 的 margin 设为 0
    bdbai
        2
    bdbai  
       May 11, 2016 via Android
    右键这一块,选“检查元素”,看一下哪个 CSS 出了问题。
    idamien
        3
    idamien  
    OP
       May 11, 2016
    @ChiangDi

    body {
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: #000;
    margin: 0 !important;
    padding: 0 !important;
    }

    html {
    width: 100%;
    height: 100%;
    }
    bdbai
        4
    bdbai  
       May 11, 2016 via Android
    @idamien 下面元素的 margin 呢?找个地方(如 Gist 、 PasteBin )把源码全贴出来看一下。
    yyfearth
        5
    yyfearth  
       May 12, 2016
    这只能怪你把 body background-color: #000;
    你把这个改成一样的不就看不出来了么

    这个的间隙的出现 应该是你 Hello 的那个 element 有 margin 导致的
    和 body 没关系
    saharaying
        6
    saharaying  
       May 12, 2016
    1. body 在浏览器上(比如 chrome )默认有上下左右各 8px 的 margin ,确保清掉
    2. 确保 HELLO 的 margin-top 为 0
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   906 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 22:37 · PVG 06:37 · LAX 15:37 · JFK 18:37
    ♥ Do have faith in what you're doing.