问题描述
我有两个包含一些内容的 flex 列.我希望第一列的高度始终等于第二列的高度,如果它的内容比另一列多,则使用 overflow: auto
.一个重要的注意事项是我不想使用绝对定位.以下是我所追求的:
.cover {位置:绝对;顶部:0;左:0;宽度:100%;高度:100%;溢出-y:自动;}.content-1 {高度:500px;背景颜色:绿色;}.content-2 {高度:150px;背景颜色:蓝色;}
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="样式表"/><div class="container-fluid"><div class="row"><div class="col"><div class="cover"><div class="content-1"></div>
<div class="col"><div class="content-2"></div>