如何设置<body>大小？（高度宽度）

Question

我想知道如何在 CSS 中设置 body 标签，以便我添加新元素的 body 的“最大高度”位于导航栏的正下方（即 100% x 35px) 这样当我添加新元素时，它会自动加载到定义的区域而不是通常加载的区域，因为现在有导航栏（看左上角）。

Answer 1

body{
  height: 100vh;
  width: 100%
}

Answer 2

试试这个

body {
      min-height: calc(75vh - 50px);
      width: 100%
}

Answer 3

你可以在高度上使用 vh 后缀。

Represents a percentage of the height of the viewport's initial containing block. 1vh is 1% of the viewport height. For example, if the viewport height is 300px, then a value of 70vh on a property will be 210px.

body{
  height: 100vh;
  width: 100%
}

如何设置<body>大小？（高度宽度）

How to set <body> size? (Height & Width)

html

css

如何设置<body>大小？ （高度宽度）

How to set <body> size? (Height & Width)

html

css

如何设置<body>大小？（高度宽度）