三列布局_使用定位和浮动

效果图
三列布局需求:
1.两边固定,当中自适应
2.当中列要完整显示
3.当中列要优先加载
一、使用定位实现三列布局
缺点:必须要有容器相对定位,而且定位会提升层级,对编写页面有很大困扰

二、使用浮动实现三列布局
缺点:中间列无法优先加载


效果图
三列布局需求:
1.两边固定,当中自适应
2.当中列要完整显示
3.当中列要优先加载
一、使用定位实现三列布局
缺点:必须要有容器相对定位,而且定位会提升层级,对编写页面有很大困扰

二、使用浮动实现三列布局
缺点:中间列无法优先加载
