CSS實現左側固定，右側自動填充的兩種方式

頁面結構

<div class="container">
    <div class="left">left</div>
    <div class="right">right</div>
</div>

float

<style>
.left{
    float: left;
    width:150px;
    height: 300px;
}
.right{
    overflow: hidden;
    height: 300px;
}
</style>

 flex

.container{display: flex;}
.left{
    flex-grow:0;
    width:150px;
    height: 300px;
}
.right{
    flex-grow:1;
    height: 300px;
}