如何 body 空余部分

V2EX = way to explore

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

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

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

不理解为什么使用 bootstrap 就没有，自己写就有这东西

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

6 条回复 • 2016-05-12 15:02:27 +08:00

ChiangDi

2016-05-11 22:22:24 +08:00 via Android

把 body 的 margin 设为 0

bdbai

2016-05-11 22:29:51 +08:00 via Android

右键这一块，选“检查元素”，看一下哪个 CSS 出了问题。

idamien

2016-05-11 22:53:56 +08:00

@ChiangDi

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

html {
width: 100%;
height: 100%;
}

bdbai

2016-05-11 23:21:04 +08:00 via Android

@idamien 下面元素的 margin 呢？找个地方（如 Gist 、 PasteBin ）把源码全贴出来看一下。

yyfearth

2016-05-12 08:31:08 +08:00

这只能怪你把 body background-color: #000;
你把这个改成一样的不就看不出来了么

这个的间隙的出现应该是你 Hello 的那个 element 有 margin 导致的
和 body 没关系

saharaying

2016-05-12 15:02:27 +08:00

1. body 在浏览器上（比如 chrome ）默认有上下左右各 8px 的 margin ，确保清掉
2. 确保 HELLO 的 margin-top 为 0