Div不覆蓋其中的內容（垂直）div內沒有浮動

Question

我的div並未涵蓋其中的所有內容。 我研究了這個，我所能找到的是這個問題是由於浮點數並修復它你將它添加到css：

overflow: hidden;

然而在我的div中沒有​​花車，上面的答案並沒有解決問題。 上面的代碼是做什么的，它隱藏了div未涵蓋的額外內容（div僅用於內容的背景顏色）。

這是我的div的代碼：

#div {
  width: 570px;
  margin: 0 auto;
  background-color: #fff;
  padding-bottom: 25px;
  margin-top: 25px;
  border: 1px solid #bbb;
  //overflow: hidden; doesn't fix anything.
}

任何幫助深表感謝！

謝謝，Al

Answer 1

這基本上是一個崩潰的DIV的情況; 有幾種方法可行。

不同的設計采用不同的方法來修復它們。

你提到的溢出方法是一個。

• 你也可以在里面創建另一個clear: both; div clear: both; 這將在浮點數后放置空div，從而給出包裝器div大小。
• 還有一個clearfix方法使用:after

有關詳細信息，請參閱此文章： https ： //css-tricks.com/all-about-floats/

UPDATE

沒有花車，我看到的另一個問題是沒有高度信息; 有時，您還需要為父對象提供高度。

額外更新

根據我們在這個問題上的對話，我發布了這個......

還記得要觀察子元素的高度和位置。 不正確的設置可以做一些奇怪的事情。

Answer 2

你可以使用z-index: 0作為div css