CSS3的盒子阴影问题

Th3*_*ist 4 css css3 css-float

在我开发网页时,我发现了使用box-shadow功能的问题.

我想在我的网页的整个包装中添加一个box-shadow,其中包含标题,导航,内容和页脚.

导航和内容是并排元素.

问题是,当我将盒子阴影添加到#wrapper时,它只出现在标题上,因为我在这里再现

我能够通过使用带有显示的并排元素来修复它:table-cell propriety,但它破坏了页面的其余部分,所以我问我怎么能解决这个问题.

I a*_*ica 6

添加overflow:hidden到您的包装如图所示这里.它会强制您的容器包裹浮动元素.

[编辑]无需添加额外的标记......


Mr.*_*ien 5

使用CSS,clear:both;因为你是左边的浮动元素,检查出来:我的小提琴