为什么我的 CSS 有一个 8 像素的边框？

Question

我想增加一个 8 像素的边框，但我找不到它的来源。此外，如果我使用边距，它会不成比例地增加边框。

CSS 和整个项目可在此处获得： CSS Resume Project

    @font-face {
    font-family: "Open Sans";
    src: url(Open_Sans/OpenSans-Regular.ttf);
}
.global {
    /*border: solid 10px lightgray;*/
    border-radius: 25px;
    font-family: 'Open Sans', sans-serif;
    background-color: white;
    /*position: absolute;*/
    top: 20px;
    margin-bottom: auto;
    padding-bottom: 20px;
    right: 20px;
    left: 20px;
    align-self: center;
}

h3 {
    font-weight: 300;
}

p {
    font-weight: 300;
}

body {
    background-color: lightgray;
}

任何帮助甚至请求请求都将不胜感激。谢谢

Answer 1

因为它默认设置了 margin，而 user-agent-stylesheet 看起来类似于：

body {
  display: block;
  margin: 8px
}

所以，只需在 body

中重置 margin

body {
  margin:0
}

Answer 2

您可以通过添加此代码 reset/normalize 您的代码！

body {
  margin: 0
}

Answer 3

body 元素有 8px 边距设置为浏览器的默认值。

您只需更改正文标签的边距

body { 
    margin:20px;
}

为什么我的 CSS 有一个 8 像素的边框？

Why is there a 8 pixel border to my CSS?

html

css

margin