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

时间:2015-05-23 16:18:48

标签: html css position height sidebar

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

此处提供代码。
HTML - http://pastebin.com/4nBe2KQS
CSS - http://pastebin.com/r63bREbb

我已经尝试了很多答案,我发现像删除块元素,设置体高,将de div位置说成相对,插入并在侧边栏后面清空div等等,但它们似乎都没有正常工作,我得到它的唯一方法是通过一个绝对的位置,但这样整个网站的定位就会中断。

侧边栏被识别为div id =' menuIzquierda'并且整个页面由不同的php文件组成,我不知道这是否会影响css渲染的执行。

如果有人可以提供帮助,我真的很感激,因为我现在陷入困境。

编辑:还有另外两个css文件,但它们不应该影响性能,因为一个只设置按钮的样式,另一个依赖于url,并且定位不对任何url起作用。 无论如何,我会在评论中发布它们

3 个答案:

答案 0 :(得分:0)

你可以使用身高:100vh?

或者将其设置为顶部:0 bottom:0?

答案 1 :(得分:0)

假设您有两个div div_parent div_child div_child 的高度应为100%..因此它可以占用整个空间 div_parent ..

答案 2 :(得分:0)

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

menuIzquierda {

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

}

所以位置:fixed会将它锁定到位,然后是top:0,bottom:0和left 0;会让它达到最高点。