思路:使用flex布局,父盒子设置display: flex; 需要自适应的盒子设置flex: 1。
<style>
.box1{
width: 100%;
display: flex;
}
.box4{
flex:1;
}
</style>
<div class="box1">
<div class="box2">文本1</div>
<div class="box3">文本2</div>
<div class="box4">文本3</div>
</div>
思路:使用flex布局,父盒子设置display: flex; 需要自适应的盒子设置flex: 1。
<style>
.box1{
width: 100%;
display: flex;
}
.box4{
flex:1;
}
</style>
<div class="box1">
<div class="box2">文本1</div>
<div class="box3">文本2</div>
<div class="box4">文本3</div>
</div>