Question

基本上我的网站边缘有问题，它有这个空格：

http://sadpanda.us/images/1885204-15X1WA4.jpg

虽然我希望网络看起来像这样：

http://sadpanda.us/images/1885205-VG8KJ23.jpg

没有空格。

知道我做错了吗？

Answer 1

这看起来非常像margin上的默认<body>。

body {
  margin: 0;
}

应该为你解决。

快速演示：

<强> CSS：

html, body {
    height: 100%;
}
div {
    width: 100%;
    height: 100%;
    background: #ddd;
}

DEMO WITH SPACE

<强> CSS：

html, body {
    height: 100%;
}
body {
    margin: 0; /* This will stop the margin, setting it to 0 */
}
div {
    width: 100%;
    height: 100%;
    background: #ddd;
}

DEMO WITHOUT SPACE

Answer 2

每个浏览器都有一些样式，如body，h1 ......等，被称为用户代理样式表，它们有一些余量，如果要重置所有css只需使用通用标记并放置margin：0 ..如下。..

*{ margin: 0;}

html css margin（网页边缘的空白处）

2 个答案:

快速演示：