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;
}

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

相关问题

elementui父级定义子级的css样式

在ElementUI中，父组件可以通过传递CSS样式或者通过类名来定义子组件的CSS样式。下面是一些示例：

1. 传递CSS样式

<el-button style="background-color: red; color: white;">Click Me</el-button>

在上面的示例中，el-button组件的父级定义了它的背景颜色和文本颜色。

2. 通过类名定义CSS样式

<template>
  <div class="my-component">
    <el-button>Click Me</el-button>
  </div>
</template>

<style>
.my-component .el-button {
  background-color: red;
  color: white;
}
</style>

在上面的示例中，我们定义了一个类名为my-component的div容器，并且使用了类名选择器来定义el-button组件的CSS样式。

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%;
}

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