Css 如何在不隐藏阴影部分的情况下缩进？

我有我想垂直对齐的内容，所以我使用这个简单的类来缩进：

.indent-1 {
    margin-left: 144px;
    overflow: hidden;
}

这在大多数情况下都很好，但是如果在缩进内容中有一个带有阴影的框，则

overlfow:hidden

会隐藏部分阴影

有没有一种方法可以在不牺牲阴影的情况下完成此缩进

回答

以下是获得所需效果的完整样式，阴影保持不变：

.indent-1 {
    margin-left: 120px;
    padding-left: 24px; 
    /* margin + padding = 144 */

    overflow: hidden;
}

---

在缩进-1中添加填充。

不一定；我现在使用边距，它“覆盖”缩进框阴影的左侧部分（溢出）。