常用的几种布局方式

常用的几种布局方式

1.盒子模型：
		1.1概念：由内容、内边距、外边距、边框组成的都是盒子模型。

---

2.模式：
		2.1.标准模型 - 盒子的高度与宽度是计算content的高度与宽度。
        2.2.IE模型（怪异模式）- 盒子的高度与宽度是包含了内容、内边距、外边距与边框。

---

3.如何设置这两种模型？
		3.1.标准模型 - box-sizing:content-box，浏览器默认方式。
		3.2.IE模型 - box-sizing:boder-box。

---

4.常用的布局方案：
		4.1.定位布局（主要）
		4.2.flex布局（主要）
		4.3.浮动布局
		4.4.表格布局