css - 与浮动 div 重叠的 box-shadow

Question

代码

http://jsfiddle.net/LtZAv/

预期什么

• 显示第二个的顶部阴影.child .comment-box并与第一个重叠.child .comment-box

浏览器呈现什么

• 不显示with.child .comment-box区域中的第二个框阴影。div.contentfloat:right

Answer 1

您必须将评论框 div 的位置更改为相对

喜欢

.comment-box { position: relative; }

所以阴影将与第一个 div 重叠。

Answer 2

您需要更改 li.child 的显示，以便 div.content 的内容不会转义它。

添加这个 CSS ：

li.child { display: inline-block; }

http://jsfiddle.net/stevendwood/LtZAv/2/