圣杯布局: 1.三列(不一定等高)
2.改变加载顺序,优先加载中间列(结构:中左右,显示效果:左中右)
3.中间列自适应,俩侧列固定
步骤:1,外盒子左右固定padding值,预留左右2侧盒子的位置
2,center宽度为100% 左右俩个盒子固定宽度
3,结构上要浮动
4,移动 left通过margin-left:-100%, 配合相对定位left:-左盒子宽度;移动掉左侧预留的位置
5,移动,right通过margin-left:-右盒子宽度,配合相对定位,left:右盒子的宽度 移动掉右侧预留的位置
双飞翼布局:
步骤:1,第2个盒子要与第4个和第5个盒子在一排
2,第2个盒子固定宽度100%,第4个和第5个盒子固定宽度
3,第2个盒子内部的盒子,不固定宽度,通过左右的margin预留出左右俩个盒子的位置
4,移动第4个盒子,通过margin-left:-100% 实现
5,移动第5个盒子,通过margin-left:-右盒子宽度 实现
滑动门: