居中DIV - 自动高度

Question

我有以下内容：

XHTML：

<div id="container">
 // contents
</div>

CSS：

#container { margin: 0 auto; width: 940px; overflow: hidden; padding: 10px; border: 1px solid #CCCCCC; }

div以margin: 0 auto的页面为中心，我使用overflow: hidden允许DIV自动向下扩展到其内容的高度。

我在DIV中有一些内容有一个盒子阴影。问题是由于溢出：隐藏规则阴影没有完全出现在页面上。解决这个问题的唯一方法我发现：

1. 取出溢出：隐藏 - 但是容器DIV不会向下扩展。
2. 在#container上使用高度/最小高度 - 但是这不适用于网站上的所有页面。
3. 使用float：left - 但是DIV不在页面的中心。

有人对此有任何建议吗？

Answer 1

您可以使用众多clearfix技术之一。这样您就可以删除overflow:hidden并修复已裁剪的box-shadow。

以下是关于该主题的最新文章：http://css-tricks.com/snippets/css/clear-fix/

Answer 2

非常确定div上的一些余量可以解决它，但如果你显示更多代码，则更容易检查。