美文网首页
CSS II 布局

CSS II 布局

作者: 郑无穷大 | 来源:发表于2018-07-17 23:05 被阅读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

相关文章

网友评论

      本文标题:CSS II 布局

      本文链接:https://www.haomeiwen.com/subject/nphnpftx.html