<div class="box1">
<div class="box2"></div>
<div calss="box3">
<div calss="box4">
我是一个有最小宽度的盒子
</div>
</div>
</div>
<style>
.box1{
display: flex;
border: 1px solid #000000;
}
.box2{
width:200px;
border: 1px solid #333333;
}
.box3{
flex:1;
/*overflow: hidden; 如果不加,x轴会出现滚动条,页面混乱*/
border: 1px solid #0086B3;
}
.box4{
height:400px;
width:100%;
min-width: 400px;
border: 1px solid #55A532;
}
</style>
弹性盒使用问题 1-右侧自适应
最新推荐文章于 2022-04-11 21:34:26 发布