javascript - 在不影响样式的情况下消除间隙

Question

所以在之前的帖子中，我询问了如何消除间隙，以便正文占据浏览器窗口的整个高度。这是解决使用:

margin: 0;

但是，我需要(或者我知道的唯一方法)使用边距设置文本样式。一旦我应用类似的东西

margin-top: 50px;

正文不适合浏览器的 100% 高度。我知道 div 的所有内容都必须使用边距 0 才能正常工作，但我应该如何使用边距来设置样式。

有没有其他方法可以使 body 100% 浏览器高度？

https://jsfiddle.net/fveb8wsu/

Answer 1

body{
  margin:0;
  padding:0;
}  

对我有用吗，body 有一些默认填充。所以由于 mid 的内容是 100vh + padding 这将大于 100vh