CSS布局系统

css 布局系统 包含 盒子模型 和 布局模型，把页面元素看作一个个盒子，布局就是一个个盒子的排列和摆放

一、盒子模型

从第一层到第五层依次为：border、content+padding、background-image、background-color、margin。

二、布局模型

（一）Flow（流动布局）

display设置block、 inline 、none 、 inline-block

（二）Position (层级布局或者Layer布局)

设置position

（三）Float（浮动布局）

设置float

（四）Flexbox

display 设置flex

---

参考链接：
http://www.cduyzh.com/css-layout/
https://weex.incubator.apache.org/cn/guide/intro/page-architecture.html
http://zh.learnlayout.com/toc.html