css布局

css布局

1. 默认的流式布局

2. 浮动布局 float

   元素浮动后 还是 block元素

3. flex弹性盒模型布局(3个版本，在android4.4版本下需要兼容当前的标准语法)

   1. 声明父容器布局方案采用flex

   2. 声明子元素的排列方式（主轴和交叉轴方向）

   3. 声明子元素排列的方向 flex-direction 是否折行 flex-wrap

   4. 子元素声明放大比例 flex-grow 缩小比例 flex-shark 占据的位置大小flex-basis，flex: 1 1 auto; (flex: auto)

   5. 子元素定制自己的排列方式align-self

4. 定位布局 position

   1. relative：相对于该元素没有定位之前的位置进行偏移

   2. absolute：相对于该元素最近的一个有定位属性的父/祖先元素进行偏移

   3. fixed：相对于窗口定位

5. grid布局