默认的 `<body>` 边距有多宽？

Posted 2023-03-04

技术标签:

【中文标题】默认的 `<body>` 边距有多宽？【英文标题】：How wide is the default `<body>` margin? 【发布时间】：2012-10-19 03:17:12 【问题描述】：

html 为其<body> 标签设置的默认margin 是什么？我注意到有一些自动保证金，但我想知道是否有人知道它是多少（以及是否在 px 或 % 等）。

【问题讨论】：

它会因浏览器而异。考虑使用规范化necolas.github.com/normalize.css 【参考方案1】：

在大多数主流浏览器中，所有边的默认边距为8px。它由您的浏览器提供的user-agent-stylesheet 以像素为单位进行定义。

有些浏览器允许您创建和使用自己的user-agent-stylesheet，但如果您正在开发一个网站，我建议您不要更改它，因为您的用户很可能不会有修改过的样式表，然后会看到一个与您不同的页面。

如果你想改变它，你可以这样做：

body 
  margin: 0px;
  padding: 0px;
  ...

但如果您有一个大型项目并想要更完整，请使用normalize.css。它重置了许多默认值以在浏览器之间保持一致。

【讨论】：

不需要像素【参考方案2】：

根据W3School's CSS reference, body 标签的默认属性和值是，

body display : block; margin : 8px;

通过访问Computed Pane in the Chrome Dev tools.，可以快速获取任何元素的计算细节

【讨论】：

【参考方案3】：

css 默认值 https://www.w3schools.com/cs-s-ref/css_default_values.asp

body display : block; margin : 8px;

【讨论】：

以上是关于默认的 `<body>` 边距有多宽？的主要内容，如果未能解决你的问题，请参考以下文章