Html 内容从100%高度分区溢出

我想制作一个

div

，其中：

延伸至浏览器窗口的100%宽度和高度

使内部所有内容垂直和水平居中

具有

最小高度

=所有内容+

10%

的

顶部

和

底部

填充

我编写了一些代码：

html{
身高：100%；
}
身体{
身高：100%；
}
等等{
显示器：flex；
弯曲方向：立柱；
宽度：100%；
身高：100%；
证明内容：中心；
文本对齐：居中；
填充：10%0 10%0；
背景#ffb3b3；
}

这里有一些内容

您只需使用

框大小：边框框

html，
身体{
身高：100%；
保证金：0
}
等等{
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
文本对齐：居中；
背景#ffb3b3；
最小高度：100%；
填充：10%0；
框大小：边框框；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。他坐在阿梅特·乌兰科珀的座位上。这是我的前任，我是马萨的总统。波苏尔同侧生命，奎姆奎斯之家，扁桃腺。克拉斯·森佩尔，莱克托斯坐在阿米特·莫莱斯蒂

解释一下为什么这样做会很有用