修改 css 就可实现 位置调换 ，如下：
优点 ： 交换 <div class="sidebar">固定</div> 、 <div class="main">自适应</div>顺序 ，实现主要内容优先加载渲染。
缺点 ：absolute 定位，脱离文档流，当 sidebar 列的高度，超过 main 列的高度，会遮住下面的元素。需要给父盒子设置 overflow 属性。
也支持位置调换：
缺点 ：不能实现主要内容优先加载渲染。
位置调换：
这里有一点需要注意： .sidebar 没有设置高度，会和 .container 保持一样的高度。 .container 的高度是被 .main 撑开的，也就是和 .main 高度一样。
位置调换：
这里 .main 和 .sidebar 高度不单独设置的话，也是同样的高度。
位置调换：
位置调换：
这里让 .main 成为 BFC 主要是消除 .sidebar 因 float 带来的影响，只要能让 .main 成为 BFC 就行。
此外留给大家一个思考题，还有没有其他方式呢？
额，之前面试刚刚被问到这个问题，后来回来自己总结了一下：
float+margin
position+margin
网上说的双飞翼
两个都浮动
等等
下面是例子：
http://snowinmay.net/twocol/test38.html希望能帮到你！！！
通过绝对定位实现See the Pen absolute-two-column by xal821792703 (@honoka) on CodePen.
注意点如下：
需要套一个“positioned”的父元素 div-a 绝对定位，并将位置调整为浏览器左上角 div-b margin-left 属性值为 div-a 的宽度（因为 div-a 绝对定位已经脱离文档流，故不设定为 div-a 宽度的话，会相互覆盖） div-c 绝对定位并将位置调整为正下方 需要自适应的 div 均设定宽度为100%
