1. Fixed on both sides, adaptive in the middle
< div> width: 100px;
div>
div>
2. Fixed on the left and adaptive on the right
.box{
width: 100%;
display: flex;
height: 300px;
}
.left{
width: 100px;
height: 200px;
background-color:red;
}
.right{
flex: 1;
height: 300px;
background-color:lime;
}
class="box">class="left">class="right">
height : 300px;
.box{
width: 100 %;
display: flex;
height: 300px;
}
.left{
width : 100px;
height: 200px;
background-color:red;
}
.right{
width: 100px;
height: 200px;
background-color:red;
}
.center{
flex: 1;
height: 300px;< /p>
background-color:lime;
}
.box{
width: 100%;
display: flex;
height: 300px;
}
.left{
width: 100px;
height: 200px;
background-color:red;
}
.right{
flex: 1;
height: 300px;
background-color:lime;
}
class="box">class="left">class="right">
