使用可擴展到100％高度的div，並且不會使用調整大小的窗口填充背景顏色

Question

我的項目有問題。 我有3列的網頁。 使用可擴展到100％高度的div。 它在我全屏加載頁面時工作，我的三列縮放到100％（填充背景顏色）但是當頁面調整到小窗口時出現問題，中間列中的所有內容都縮小，滾動條似乎看到其余的內容，但然后我的所有div不填充背景顏色。 顏色僅填充到100％高度應該執行的視口尺寸。 我如何獲得結果，使我不僅可以使用bg顏色填充div到現有的視口尺寸，還可以填充到文檔的其余部分。 這是我項目的鏈接

Answer 1

將頁面高度設置為100％。

.parent {
    height: 100%
}

此外，如果您使用浮動，您需要在它們之后清除這樣：

<div style="clear:both;"></div>