如何在侧边栏 div 上设置 100% 高度?

How to set 100% height on a sidebar div?

我正在尝试找出一种在 div 中显示侧边栏的方法,这样它将占用 100% 的可用高度。

代码可在此处获得。
HTML - http://pastebin.com/4nBe2KQS
CSS - http://pastebin.com/r63bREbb

我已经尝试了很多我发现的答案,比如删除块元素、设置正文高度、将 de div 位置声明为相对位置、在侧边栏后插入并清空 div 等等上,但其中 none 似乎工作正常,我让它工作的唯一方法是通过绝对位置,但这样一来,网站的整个定位就中断了。

侧边栏被识别为divid='menuIzquierda',整个页面由不同的php文件组成,不知道会不会影响执行css 渲染。

如果有人能提供帮助,我将不胜感激,因为我被困在了这一点上。

编辑:还有另外两个 css 文件,但它们应该不会影响性能,因为一个只设置按钮样式,另一个取决于 url,并且位置不处理任何 url。 无论如何,我会post他们在评论

你可以使用高度:100vh?

或者设置为top:0 bottom:0?

假设您有两个 div div_parentdiv_child div_child应该是100%..所以它可以占据div_parent的完整space..

所以试试这个,看看它是否有效。我在我的电脑上试过了,效果很好。

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;将使它达到全高。