Html 页边距底部不小于'；不要在固定的位置上工作

我想在我的应用程序顶部创建一个简单的模式，我试图从边缘移动这个模式，比如20-30px，我试图在那里使用边距，但是边距顶部只起作用，而底部被忽略。我有两个用例：首先，通过使用网格，当内容没有溢出时，我希望模态居中；其次，当内容溢出时，我希望从顶部和底部边缘留有边距。见此：

*{
保证金：0；
填充：0；
框大小：边框框
}
.背景{
位置：固定；
排名：0；
底部：0；
溢出y：自动；
显示：网格；
对齐项目：居中；
证明内容：中心；
宽度：100%；
身高：100%；
最小高度：100vh；
背景色：rgba（0,0,0,3）；
}
.莫代尔{
宽度：500px；
填充：3rem；
保证金：2rem 0；
背景色：白色；
}

一些内容隐藏
一些模态
我的同僚们都是精英。在ipsam deleniti别名
当然，除了必须放在最有可能的地方——智体——之外，没有人是暂时的

我的同僚们都是精英。在ipsam deleiniti alias perferendis，除了必须放在最可能的位置，即智者身体之外的其他位置

我的同僚们都是精英。在ipsam deleiniti alias perferendis，除了必须放在最可能的位置，即智者身体之外的其他位置

我的同僚们都是精英。在ipsam deleiniti alias perferendis，除了必须放在最可能的位置，即智者身体之外的其他位置

我的同僚们都是精英。在ipsam deleniti别名
当然，除了必须放在最有可能的地方——智体——之外，没有人是暂时的

我的同僚们都是精英。在ipsam deleiniti alias perferendis，除了必须放在最可能的位置，即智者身体之外的其他位置

我的同僚们都是精英。在ipsam deleiniti alias perferendis，除了必须放在最可能的位置，即智者身体之外的其他位置

我的同僚们都是精英。在ipsam deleiniti alias perferendis，除了必须放在最可能的位置，即智者身体之外的其他位置

我的同僚们都是精英。在ipsam deleniti别名
当然，除了必须放在最有可能的地方——智体——之外，没有人是暂时的

我的同僚们都是精英。在ipsam deleiniti alias perferendis，除了必须放在最可能的位置，即智者身体之外的其他位置

我的同僚们都是精英。在ipsam deleiniti alias perferendis，除了必须放在最可能的位置，即智者身体之外的其他位置

我的同僚们都是精英。在ipsam deleiniti alias perferendis，除了必须放在最可能的位置，即智者身体之外的其他位置

我的同僚们都是精英。在ipsam deleniti别名
当然，除了必须放在最有可能的地方——智体——之外，没有人是暂时的

我的同僚们都是精英。在ipsam deleiniti alias perferendis，除了必须放在最可能的位置，即智者身体之外的其他位置

我的同僚们都是精英。在ipsam deleiniti alias perferendis，除了必须放在最可能的位置，即智者身体之外的其他位置

我的同僚们都是精英。在ipsam deleiniti alias perferendis，除了必须放在最可能的位置，即智者身体之外的其他位置

我的同僚们都是精英。在ipsam deleniti别名
当然，除了必须放在最有可能的地方——智体——之外，没有人是暂时的

我的同僚们都是精英。在ipsam deleiniti alias perferendis，除了必须放在最可能的位置，即智者身体之外的其他位置

我的同僚们都是精英。在ipsam deleiniti alias perferendis，除了必须放在最可能的位置，即智者身体之外的其他位置

我的同僚们都是精英。在ipsam deleiniti alias perferendis，除了必须放在最可能的位置，即智者身体之外的其他位置

您需要添加一个额外的容器来实现此目的

使用

margin:2rem auto而不是使用
显示：网格


.modal bg{
位置：固定；
排名：0；
底部：0；
溢出y：自动；
对齐项目：居中；
证明内容：中心；
宽度：100%；
身高：100%；
最小高度：100vh；
背景色：rgba（0,0,0,3）；
}
.模态内部{
宽度：500px；
保证金：2rem