如何在侧边栏 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。 不管怎样，我会把它们发布在 cmets 中

Answer 1

你可以使用高度：100vh？

或者设置为top: 0 bottom: 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;

}

因此 position: fixed 会将其锁定到位，然后 top: 0, bottom: 0 和 left 0;将使它全高。