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

时间:2010-09-23 21:18:09

标签: css css3 shadow shadowbox

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

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

这在大多数情况下都可以正常工作,但如果我在缩进内容中有一个带有投影的框,则overlfow: hidden会隐藏部分阴影。

有没有办法在不牺牲阴影的情况下完成此缩进?

ANSWERED

这是获得所需效果的完整样式,阴影完好无损:

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

    overflow: hidden;
}

1 个答案:

答案 0 :(得分:0)

将填充添加到indent-1。