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">
WordPress database error: [Table 'yf99682.wp_s6mz6tyggq_comments' doesn't exist]SELECT SQL_CALC_FOUND_ROWS wp_s6mz6tyggq_comments.comment_ID FROM wp_s6mz6tyggq_comments WHERE ( comment_approved = '1' ) AND comment_post_ID = 5891 ORDER BY wp_s6mz6tyggq_comments.comment_date_gmt ASC, wp_s6mz6tyggq_comments.comment_ID ASC
