中心DIV - 自动高度

Question

我有以下几点：

XHTML：

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

CSS：

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

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