如何 body 空余部分

2016-05-11 21:58:58 +08:00
 idamien
不理解为什么使用 bootstrap 就没有,自己写就有这东西

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



3636 次点击
所在节点    CSS
6 条回复
ChiangDi
2016-05-11 22:22:24 +08:00
把 body 的 margin 设为 0
bdbai
2016-05-11 22:29:51 +08:00
右键这一块,选“检查元素”,看一下哪个 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
@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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/278018

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX