CSS II 布局
2018-07-17 本文已影响0人
郑无穷大
一、布局套路
布局流程图
原则
不到万不得已，不要写死 width 和 height
尽量用高级语法，如 calc、flex
如果是 IE，就全部写死
口诀
float ：
子元素全加 float: left （right）；父元素加 .clearfix
flex：
父元素加 display: flex；父元素加 justify-content: space-between;
如果宽度不够，可以用 margin: 0 -4px;
二、Flex布局
三、grid布局
四、position
五、其他
1、z-index 属性设置元素的堆叠顺序，仅在定位元素上奏效，如（position:absolute）
2、box-lines
