如何使用纯css使左右框的高度相等

问题描述

问 题

在布局中，有左右两个框，右边的框的高度是不确定，根据内容自适应的，在不使用js的前提下，如何使左右框的高度相等。

解决方案

<div class="box">
    <div class="el1"></div>
    <div class="el2">
        <p>1111111111</p>
        <p>1111111111</p>
        <p>1111111111</p>
    </div>
</div>

//css
.box {display:flex;}
.el1 {height:auto;background:green;width:100px;}
.el2 {background:blue;flex:1;}

这篇关于如何使用纯css使左右框的高度相等的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！