布局

admin

1. position
   
2. static:静态定位，组件将正常的生成元素框作为文档流的一部分；
   
3. relative:相对定位，元素框会相对正常文档流中的位置发生偏移
   
4. absolute:：绝对行为，元素框不再占有文档流中的位置，相对于页面父元素进行绝对定位
   
5. fixed:固定定位，元素框不再占有文档流中的位置，相对于窗口进行绝对定位，与absolute的区别就在于不会随着页面滚动
   
6. sticky:黏性定位，可以设置一个阈值，正常情况下定位方式类似于relative，一旦超过阈值将变为fixed，非常适用于某些组件吸顶的效果；

复制代码

1. float
   
2. left：左浮动
   
3. right：右浮动

复制代码

1. display
   
2. none:此元素不生成元素框，不会被显示
   
3. block:此元素为块级元素
   
4. inline:此元素为行内元素
   
5. inline-block:此元素为行内块元素
   
6. flex:此元素为弹性盒元素

复制代码