html - 居中 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 上的一些边距可以解决它，但是如果您显示更多代码，则更容易检查。