相关疑难解决方法(0)

我有一个有两列的布局 - 左边div和右边div.

右边div有灰色background-color,我需要它根据用户浏览器窗口的高度垂直展开.现在是background-color最后一段内容的结尾div.

我试过了height:100%,min-height:100%;等等

这是HTML:

<div id="outer">
    <div id="inner"></div>
    Test
</div>

这是CSS:

#inner {
  float: left;
  height: 100%;
}

在使用Chrome开发人员工具进行检查后,内部div的高度为0px.

如何强制它为父div的高度的100%？

我只想要一个侧边栏,它将是窗口高度的100%,但除此之外没有任何作用:

#sidebarBack {
background: rgba(20, 20, 20, .3);
position: fixed;
width: 250px;
height: 100%;
left: 0;
}

我不想拥有position: fixed,因为我有可水平滚动的内容,所以一个固定的部分将保留,好,固定.

有没有办法做这样的事情,也许还有relative或者有absolute位置？

这是一个快速的小提琴,只是为了测试和解释: JSFiddle