一、布局套路
布局流程图
原则
不到万不得已,不要写死 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







网友评论