Question

CSS高度100％给出的元素高度实际上大于边距大小的100％。或者看另一种方式，高度：100％不是元素的高度，而是元素的高度，不包括边距。

一个结果是，例如以下无意义的结果。 100％的HTML中100％的BODY太高，无法容纳在HTML的100％范围内，从而生成滚动条。

Private Sub OnMessage(Msg As ChatMessage)
   Dim NewMsg As ChatMessage = Msg
End Sub

给出

并向下滚动

这是CSS设计中的错误吗？或者在其他一些情况下是否明智地采取行动？

Answer 1

不，这不是CSS中的设计错误。

块级元素（宽度和高度）的维度概念，与边距（将块级元素彼此分开的间距）与填充（将块级元素的内部与街区的边界。）

作为旁注，我想这些概念的起源是继承自印刷出版。

Answer 2

如果您希望获得100％100％的视口，请使用

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