idamien
V2EX  ›  CSS

如何 body 空余部分

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

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



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

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

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

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