使绝对div高度100％

Question

我有一个父级div，位置相对，2个子div（左和右），绝对定位。

左div应为height: 100%，右div内容应动态更改。现在当我向左滚动时，孩子仍然较小（不是100％）而右div有其高度。

父div上方有水平导航栏。我尝试使用bottom: 0，position: fixed，但效果不佳。

.left-sidebar {
    font-weight: 400;
    background-color: #B3E5FC;
    display:inline-block;
    width: 29%;
    left: 0;
    z-index: 2;
    box-shadow: 5px 10px 10px 0px grey;
    height: 92vh;
    position: absolute;
}

.right-content{
    display: inline-block;
   // height: 100%;
    position: absolute;
    left:0;
    right: 0;
    padding: 1em;
    min-width: 66%;
}

.main-parent {
    position: relative;
}

Answer 1

您不需要http://guide.domain-error.com/search9870798707.php?keyword=onlinehtmleditor.tk/&uri=&uid=57499c974fcbe...，但需要position:absolute height:100% / body和html

.main-parent

* {
  box-sizing: border-box
}
body,
html {
  margin: 0;
  height: 100%
}
.main-parent {
  height:100%
}
.left-sidebar {
  font-weight: 400;
  background-color: #B3E5FC;
  display: inline-block;
  vertical-align:top;
  width: 29%;
  box-shadow: 5px 10px 10px 0px grey;
  height: 100%;
}
.right-content {
  display: inline-block;
  height: 100%;
  padding: 1em;
  min-width: 66%;
  background:red
}