如何在側邊欄div上設置100％的高度？

Question

我試圖找出一種在div內顯示側邊欄的方法，這樣它將占用可用高度的100％。

該代碼在此處可用。
HTML- http://pastebin.com/4nBe2KQS
CSS- http://pastebin.com/r63bREbb

我已經嘗試了很多答案，例如刪除塊元素，設置主體高度，將de div位置聲明為相對，在側邊欄后插入和插入div等，但似乎都無法正常工作，唯一的辦法我得到它工作的方法是通過絕對位置進行操作，但是這樣一來，網站的整個位置就會中斷。

側邊欄被識別為div id ='menuIzquierda'，整個頁面由不同的php文件組成，我不知道這是否會影響css渲染的性能。

我真的很感激能有人幫助我，因為我被困在這一點上。

編輯：還有另外兩個css文件，但是它們不應該影響性能，因為一個僅設置按鈕的樣式，另一個僅取決於url，並且定位不適用於任何url。 無論如何，我會在評論中發布它們

Answer 1

您可以使用高度：100vh？

還是將其設置為頂部：0底部：0？

Answer 2

讓我們假設你有兩個DIV div_parent和div_child div_child的高度應為100％..所以它可以占據div_parent的完整空間..

Answer 3

因此，嘗試一下，看看是否可行。 我在計算機上嘗試過，效果很好。

menuIzquierda {

margin-top: 25px;
float: left;
background-color: #333333;
position: fixed;
width: 20%;
top: 0px;
bottom: 0;
left: 0;

}

因此，位置：fixed將其鎖定在適當位置，然后頂部：0，底部：0和左側0； 將使其升至全高。