面试的时候经常遇到一个比较基础的问题，如何实现一列定宽、一列自适应的两列布局？我实际工作中一般都会使用flex来进行布局，但是有的时候想简单一点，就直接用float布局，结果阴沟里翻了船，手写代码除了错误。所以需要好好总结一下，都有哪些常用的方式。
准备工作
HTML结构：
<body>
<div class="left left1">固定宽度200px</div>
<div class="right right1">
<p>宽度自适应</p>
</div>
</body>
基础样式：
* {
margin: 0;
padding: 0;
}
.left {
width: 200px;
height: 100px;
background: darkcyan;
}
.right {
height: 200px;
background: red;
}
此时布局如下：
最终效果：
最低0.47元/天 解锁文章
318
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
