Html 弹性项目'；s自动切边距父级'；填充物

当项目（

#框

）高度大于屏幕时，父容器（

#包装

）的底部填充将被切断

正常视图，应用了

#wrap

的底部和顶部填充：

html，正文{
身高：100%；
}
#包裹{
宽度：100%；
填充：20px；
框大小：边框框；
显示器：flex；
对齐项目：居中；
身高：100%；
}
#盒子{
填充：20px；
背景：红色；
保证金：自动；
}

内容


内容


内容

内容


内容


内容


内容

您可以使用此代码

html{
身高：100%；
}
身体{
保证金：0；
填充：0；
身高：100%；
}
#包裹{
宽度：100%；
填充：20px；
框大小：边框框；
显示器：flex；
对齐项目：居中；
身高：100%；
}
#盒子{
填充：20px；
背景：红色；
保证金：20px自动；
}

内容

内容

内容

内容

内容

内容

内容

您可以使用此代码

html{
身高：100%；
}
身体{
保证金：0；
填充：0；
身高：100%；
}
#包裹{
宽度：100%；
填充：20px；
框大小：边框框；
显示器：flex；
对齐项目：居中；
身高：100%；
}
#盒子{
填充：20px；
背景：红色；
保证金：20px自动；
}

内容

内容

内容

内容

内容

内容

内容

尝试使用边距而不是填充无填充切割，这是边距切割。正如阿瓦伊斯所说，试着使用边距，而不是填充。没有填充切割，这是边距切割。正如阿瓦伊斯所说的，试着用margin。