CSS：实现两列布局

float + margin

将定宽的一列进行 float，而自适应的一列则设置对应的 margin：

<style>
    .parent {
        width: 100%;
        height: 200px;
    }
    .left {
        width: 300px;
        height: 100%;
        background-color: #ff3135;
        float: left;
    }
    .right {
        height: 100%;
        margin-left: 300px;
        background-color: #4336ff;
    }
</style>

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

参考文章：

• 两列布局中单列定宽单列自适应布局的6种思路