居中 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 上使用 height / min-height - 但是这不适用于网站上的所有页面。
3. 使用 float: left - 但 DIV 不在页面中心。

有人对此有更多建议吗？

Answer 1

您可以使用许多 clearfix 技术中的一种。这将让您删除 overflow:hidden 并修复裁剪后的 box-shadow。

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

Answer 2

很确定 div 上的一些边距可以解决它，但是如果您显示更多代码，则更容易检查。