为什么我的 CSS 有 8 像素边框？答案

【问题标题】：Why is there a 8 pixel border to my CSS?为什么我的 CSS 有 8 像素边框？
【发布时间】：2016-02-18 04:57:08
【问题描述】：

我想增加一个 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;
}

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

【问题讨论】：

请在您的问题中也发布您的代码，以便人们将来可以从中学习。
默认情况下，body 元素上有一个8px 边距...删除body { margin: 0; }。我建议使用CSS Reset 来删除像这样的默认/用户代理 CSS。
在这个W3C default style sheet 中查看body 选择器。

标签： html css margin

【解决方案1】：

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

body {
  display: block;
  margin: 8px
}

所以，只需将margin 重置为body

body {
  margin:0
}

【讨论】：

【解决方案2】：

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

你只需要改变body标签的边距

body { 
    margin:20px;
}

【讨论】：

【解决方案3】：

您可以通过添加此代码来重置/规范化您的代码！

body {
  margin: 0
}

【讨论】：