css 高度自适应浏览器 可以延伸

要实现CSS高度自适应浏览器并可以延伸的效果，可以使用CSS的flexbox布局。
首先，将父元素设置为flex布局，可以通过以下代码实现：
.parent {
display: flex;
flex-direction: column;
height: 100vh; /* 设置高度为视口高度 */
}
登录后复制
然后，在父元素中放置一个子元素，并将该子元素的flex-grow属性设置为1，这样子元素就可以在父元素中自适应高度，并且可以延伸。以下是代码示例：
.parent {
display: flex;
flex-direction: column;
height: 100vh; /* 设置高度为视口高度 */
}

.child {
flex-grow: 1; /* 设置子元素自适应高度并可以延伸 */
}
登录后复制
这样，子元素就可以自适应父元素的高度，并且可以随着父元素高度的改变而延伸。