重叠框阴影与浮动div

Question

代码

http://jsfiddle.net/LtZAv/

预期的内容

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

什么浏览器呈现

• .child .comment-box区域div.content的{​​{1}}的方框阴影不显示。

Answer 1

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

喜欢

.comment-box { position: relative; }

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

Answer 2

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

添加此CSS：

li.child { display: inline-block; }

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