父元素设置高度后，当子元素高度超出时，怎么自动撑开父元素高度，并且不要出现滚动条

可以使用CSS的overflow属性来实现自动撑开父元素高度，并且不出现滚动条的效果。

具体步骤如下：

1. 确定父元素的高度，例如设置为500px；

2. 将父元素的overflow属性设置为hidden，这样当子元素的高度超出父元素高度时，就会自动被隐藏掉，不会出现滚动条；

3. 将子元素的高度设置为auto，这样子元素的高度就会随着内容的增加而自动增加，从而撑开父元素的高度。

具体代码如下：

.parent {
  height: 500px;
  overflow: hidden;
}

.child {
  height: auto;
}

这样子元素的高度超出父元素高度时，父元素的高度也会自动撑开，不会出现滚动条。

相关问题

父元素设置高度后，当子元素高度超出时，怎么自动撑开父元素高度，并且不要出现滚动条，也不要隐藏子元素的内容

可以使用CSS的overflow属性来实现这个效果。将父元素的overflow属性设置为hidden，这样子元素超出父元素的部分就会被隐藏，但是父元素不会出现滚动条。然后再将子元素的高度设置为auto，这样子元素的高度会自适应内容的高度，进而撑开父元素的高度。

具体CSS代码如下：

.parent {
  height: 200px; /* 父元素高度 */
  overflow: hidden; /* 隐藏子元素超出父元素的部分 */
}

.child {
  height: auto; /* 子元素自适应内容高度 */
}

使用以上代码，当子元素高度超出父元素高度时，父元素会自动撑开高度，同时不会出现滚动条，也不会隐藏子元素内容。

css如何让父元素的高度由子元素撑开

可以使用以下两种方法让父元素的高度由子元素撑开：

1. 使用浮动（float）属性：将子元素设置为浮动，然后在父元素中添加一个clearfix类，清除浮动。这样父元素的高度就会被子元素撑开。

<style>
    .clearfix:after {
        content: "";
        display: table;
        clear: both;
    }
    .child {
        float: left;
        width: 50%;
    }
</style>

<div class="parent clearfix">
    <div class="child"></div>
    <div class="child"></div>
</div>

2. 使用 display 属性为 flex 或 table 的父元素：将父元素的 display 属性设置为 flex 或 table，使其具有自适应高度的特性，从而让子元素撑开父元素。

<style>
    .parent {
        display: flex;
        flex-wrap: wrap;
    }
    .child {
        width: 50%;
    }
</style>

<div class="parent">
    <div class="child"></div>
    <div class="child"></div>
</div>