html - 为什么我的 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
}