css设置父元素高度后，子元素高度超出父元素解决方法

当子元素高度超出父元素时，可以通过设置父元素的 `overflow` 属性来控制子元素的显示方式。具体地说，可以将 `overflow` 属性设置为 `auto` 或 `hidden`，这样就可以限制子元素的高度，让超出部分隐藏或滚动显示。

以下是两种常用的解决方法：

1. 将父元素的 `overflow` 属性设置为 `auto`

设置父元素的 `overflow` 属性为 `auto`，这样当子元素的高度超出父元素时，会自动出现滚动条，从而可以滚动显示子元素的内容。

.parent {
  height: 200px; /* 设置父元素高度 */
  overflow: auto; /* 设置父元素的overflow属性为auto */
}

.child {
  height: 300px; /* 子元素高度超出父元素 */
}

2. 将父元素的 `overflow` 属性设置为 `hidden`

设置父元素的 `overflow` 属性为 `hidden`，这样当子元素的高度超出父元素时，超出部分会被隐藏，无法显示出来。

.parent {
  height: 200px; /* 设置父元素高度 */
  overflow: hidden; /* 设置父元素的overflow属性为hidden */
}

.child {
  height: 300px; /* 子元素高度超出父元素 */
}

需要注意的是，当父元素的 `overflow` 属性为 `hidden` 时，超出部分的内容将无法被显示，因此应根据实际情况选择合适的解决方法。