布局

三布局

1.     流式布局  float+margin

2.     定位

3.     双飞翼

4.     圣杯

5.     弹性盒子布局移动端布局

全称叫弹性和模型：是由父级的弹性容器和子级的弹性子元素两者构造。

Display:flex;这个属性决定谁是弹性容器，他里面的子元素就是弹性子元素。

Flex 是弹性子元素在弹性容器中所占的份数。属性值是数字

6.     表格布局

7.     box-sizing：border-box；这个属性让元素的实际宽度就等于设置width，即便有了padding和border只会向内挤压，元素的可利用空间变小。