Html 防止将长方体阴影截断为；溢出：隐藏"；无衬垫

为什么我不接受这个问题是填充物是几何体，盒子阴影是装饰；装饰不得强制改变几何图形

冲突局势的例子 假设我们有两个主题用于

按钮

组件：带阴影和不带阴影。为了使第二个主题与填充物相适应，我们需要：

干涉几何图形设置的步骤

了解阴影的大小

还有：如果我们将具有不同阴影的元素放置在一个容器中会怎么样？我们需要知道每个阴影的大小

关于Z指数解 一般来说，它不起作用。它工作时存在未知条件，因此如果您建议此解决方案，我请您澄清它工作时的条件

您可以使用的示例是解决方案

.Modal main节

元素具有

溢出-y：滚动设置。因此，按钮的阴影被截断：



取消
好啊

html{
身高：100%；
}
身体{
身高：100%；
}
.布局{
显示器：flex；
对齐项目：居中；
证明内容：中心；
身高：100%；
背景：#B2EBF2；
}
.莫代尔{
显示器：flex；
弯曲方向：立柱；
宽度：220px；
边界半径：4px；
填充：12px 14px；
溢出：隐藏；
背景#42A5F5；
}
.模态标题部分{
flex:0自动；
}
.模态Dummy标题{
宽度：100px；
高度：20px；
背景：1976D2；
}
.模态主节{
flex:1自动；
溢出x：隐藏；
溢出y：自动；
边缘顶部：12px；
}
.情态内容{
高度：140像素；
背景：1976D2；
}
.按钮{
边界：无；
填充：6px 8px；
盒影：0 0 4px 4px#FFA726；
}
.按钮+.按钮{
左边距：12px；
}
.模式按钮栏{
边缘顶部：12px；
显示器：flex；
证明内容：柔性端；
}

合乎逻辑的解决方案是为按钮添加与阴影相等的边距。我不知道你能做什么differently@TemaniAfif，意思是“我们达到了CSS能力的极限”：（很可能。。。