1.定位实现三栏布局:不设置长度，设置两侧定位可自适应窗口大小；另外块状元素最好写宽度100%去继承父元素宽度，否则用绝对定位后会脱离文档流，变得只剩内容撑开大小，甚至消失。
2.浮动实现三栏布局:需设置父元素html body高度100%自适应窗口大小，才可以让子元素用calc（100%-固定大小）实现特定位置高/宽度自适应
3.flex弹性布局实现三栏布局:同样需要设置htmlbody高度100%自适应窗口大小，将body转换为flex容器，用flex-direction设置主轴（默认水平 垂直为column）方向，通过设置一边固定长度值，另一边设置flex：1在剩余空间里拉伸的方式实现
