html - 添加最大和最小高度 CSS

Question

我有以下div

<div id='a'>
    <div id='b'>Some text</div>
</div>

我想将父级的 Max height 设置为 100px，将子 div 设置为 70%，当父级 div 增长到 100px 时，将滚动条添加到子级 div。

我试过跟随，但父 div 不会超过 70px。

示例

#a {
  width: 100%;
  background-color: #DAE3F3;
  padding: 10px;
  position: relative;
  min-height: 70px;
  max-height: 100px;
}
#b {
  height: 70%;
  overflow: auto;
  position: absolute;
}

<div id='a'>
  <div id='b'>Some text</div>
</div>

这是 Fiddle 链接

Answer 1

我相信您正在寻找 overflow-y: scroll; 和 min-height: 70%;

#a {
    width: 100%;
    background-color: #DAE3F3;
    padding: 10px;
    position: relative;
    min-height:70px;
    max-height:100px;
    overflow-y: scroll;
}
#b {
    display: block;
    min-height: 70%;
}

<div id='a'>
    <div id='b'>Some te textSome te textSome te textSome te textSome te textSome te textSome ttextSome te textSome te textSome te textSome te textSome te textSomextSome te textSometextSome te textSome te textSome te textSome te textSome te textSome extSome te textSometextSome te textSome te textSome te textSome te textSome te textSome extSome te textSometextSome te textSome te textSome te textSome te textSome te textSome e te textSometextSome te textSome te textSome te textSome te textSome te textSome te textSometextSome te textSome te textSome te textSome te textSome te textSome te textSomee textSome te textSome te textSome te textSome te textSome te textSome te textSome text</div>
</div>