1、float+block+margin：
// .left {
// float: left;
// width: 100px;
// }
// .main {
// margin-left: 110px;
// width: 100%;
// }
2、float+BFC：
// .left {
// float: left;
// margin-right: 10px;
// width: 100px;
// }
// .main {
// overflow: hidden; //或overflow：auto
// }
// 2table（父元素display: table;子元素display:table-cell）
// 3外边距（右侧marginleft）
// 4左侧绝对定位
// 5弹性盒模型（父元素display: flex;子元素flex-grow: 1;）
// 两列布局：左侧固定，右侧自适应，左侧宽高固定右侧不能浮动（块级元素），然后设置margin-left把左侧让出来。
// 三列布局：左右固定，中间自适应，dom结构，先左右后中间
// 浮动高度塌陷：元素浮动之后父元素的高度会塌陷，有两种方法解决：1、如果父元素的高度是固定的，那就把高度写死
