无法在页面上放置边框

Question

我有一个 html 页面（实际上是一个电子应用程序），我想在它周围加上一个边框，比如 2px 纯红色或其他东西。当我将身体的 css 设置为 2px 纯红色时，边框只显示在顶部和左侧。

body {
 border: 2px solid red;
}

别处。任何人都可以帮我找出问题所在。 我有一个小提琴：https://jsfiddle.net/5vdmnju2/ 谢谢。

Answer 1

将body { width: 100%; } 更改为body { width: auto; }

width: auto; 设置元素占据其包含块内所有可用的水平空间。如果它有任何水平内边距或边框，它们的宽度不会添加到元素的总宽度中，而width: 100% 会将元素的总宽度设置为其包含块的 100% 加上任何水平边距、内边距和边框。

Answer 2

尝试在body 上添加::before 伪元素：

body {
  margin: 0;
  padding: 0;
  position: relative;
}
body::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  border: 2px solid red;
}