css怎样父级内的子级显示滚动条

你可以给父级元素设置一个固定的高度和 `overflow: auto` 的样式，这样子元素内容超出父级元素高度时就会出现滚动条。

例如：

<div class="parent">
  <div class="child">子元素内容</div>
  <div class="child">子元素内容</div>
  <div class="child">子元素内容</div>
  <div class="child">子元素内容</div>
  <div class="child">子元素内容</div>
</div>

.parent {
  height: 200px;
  overflow: auto;
}

.child {
  height: 50px;
}

在上面的例子中，当子元素的高度加起来超过了父元素的高度时，就会出现滚动条。

相关问题

css父级高度设置100%怎样底部按钮固定并且让中间子级内容滚动

你可以为父级设置 `position: relative`，然后为底部按钮创建一个固定定位的元素，如下所示：

<div class="parent">
  <div class="content">
    <!-- 中间子级内容 -->
  </div>
  <div class="button">
    <!-- 底部按钮 -->
  </div>
</div>

然后，你可以为中间子级内容添加 `overflow-y: auto` 属性，以便在内容超出父级高度时出现滚动条，如下所示：

.parent {
  position: relative;
  height: 100%;
}

.content {
  height: calc(100% - 50px); /* 减去底部按钮的高度 */
  overflow-y: auto;
}

.button {
  position: fixed;
  bottom: 0;
  height: 50px; /* 底部按钮的高度 */
  width: 100%;
}

这样，底部按钮就会固定在页面底部，而中间子级内容将会在超出父级高度时出现滚动条。