实现两栏布局的几种方式<!-- HTML结构 --><div class="wrap"><div class="left">左侧固定内容</div><div class="right">右侧内容自适应</div></div>-----利用margin-left1.使用浮动—float2.使用绝对定位实现—absolute3.使用calc()函数4.使用inline-block和calc()函数---使用弹性布局—flex.wrap {display: flex;}.left {height: 200px;background: purple;flex:0 0 200px}.right {background: skyblue;height: 200px;flex: 1;}----使用表格布局—table（不推荐使用）.wrap {display: table;width: 100%;}.left {display: table-cell;width: 200px;height: 200px;background: purple;}.right {display: table-cell;background: skyblue;height: 200px;}