中心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上的一些邊距可以解決它，但是如果顯示更多代碼，則更容易檢查。