Css 长方体阴影、浮动:左侧和溢出:自动don';我不喜欢彼此';情况

Css 长方体阴影、浮动:左侧和溢出:自动don';我不喜欢彼此';情况,css,Css,如果我使用带有溢出:auto的父div,我的长方体阴影将停止。我该如何解决这个问题? 我发现我需要使用position:relative和z-index,但这似乎不起作用 HTML: 演示: 为此,您可以使用clearfix方法。这样写: li{margin-bottom:10px;position:relative;z-index:19;} li:after{ content:''; clear:both; display:block; } 检查此对于此,您可以使用c

如果我使用带有溢出:auto的父div,我的长方体阴影将停止。我该如何解决这个问题? 我发现我需要使用position:relative和z-index,但这似乎不起作用

HTML:

演示:

为此,您可以使用clearfix方法。这样写:

li{margin-bottom:10px;position:relative;z-index:19;}
li:after{
    content:'';
    clear:both;
    display:block;
}

检查此

对于此,您可以使用clearfix方法。这样写:

li{margin-bottom:10px;position:relative;z-index:19;}
li:after{
    content:'';
    clear:both;
    display:block;
}

为我选中这个

,在Chrome上,方块阴影在您的演示中很好。(Puyol rocks顺便说一句)对我来说,在Chrome上,方块阴影在你的演示中很好。(普约尔岩石顺便说一句)
li{margin-bottom:10px;position:relative;z-index:19;}
li:after{
    content:'';
    clear:both;
    display:block;
}