讓一個div填充整個頁面的高度

Question

我有一個頁面，這個結構：

頂欄（寬度爲100％） 側邊欄內容

我想補充工具欄來填充屏幕的所有剩餘空間身高。

我已經試過身高：100％在我的CSS但不起作用。

我該怎麼做？有一種方法來使用CSS或我必須使用JavaScript？

Answer 1

爲了達到這個目的，你需要確保邊欄的父容器的高度也是100％。

所以，如果你有一個側邊欄div，你有容器body和容器html。

html, body, #sidebar { height: 100%; } 

Answer 2

您是否將身高設置爲100％？如果沒有，它不會填滿頁面的其餘部分。