为什么CSS会有8像素边框?

Fis*_*shy 0 html css margin

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

多出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;
}
Run Code Online (Sandbox Code Playgroud)

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

dip*_*pas 5

因为margin默认情况下它有一个set,user-agent-stylesheet看起来类似于以下内容:

body {
  display: block;
  margin: 8px
}
Run Code Online (Sandbox Code Playgroud)

所以,简单地重置marginbody

body {
  margin:0
}
Run Code Online (Sandbox Code Playgroud)