两栏布局
最终效果
- 左边宽度固定,右边⾃适应
HTML 以下 css 均适用
<div class="container">
<div class="left"></div>
<div class="right"></div>
</div>
左边脱离文档流,右边需要 margin-left
- 绝对定位 (
absolute)
- 浮动 (
float)
HTML 以下 css 均适用
<div class="container">
<div class="left"></div>
<div class="right"></div>
</div>
margin-leftabsolute)float)absoulte,左边需要right:0