• 为什么常用子绝父相布局

网页布局的核心 —— 就是用 CSS 来摆放盒子位置。

CSS 提供了 3 种机制来设置盒子的摆放位置，分别是普通流、浮动和定位，其中：

1. • 让盒子从普通流中浮起来 —— 让多个盒子(div)水平排列成一行。
2. • 将盒子定在某一个位置 自由的漂浮在其他盒子的上面 —— CSS 离不开定位，特别是后面的 js 特效。

思考一下用标准流或浮动能否实现类似的效果？

（之前学的内容，是压不住后面的图片和文字的）

一个完整的网页，有标准流 、 浮动 、 定位 一起完成布局的。每个都有自己的专门用法。

可以让盒子上下排列 或者 左右排列的

可以让多个块级元素一行显示 或者 左右对齐盒子 浮动的盒子就是按照顺序左右排列

注意：定位也可做出以下效果，但它有很大的缺陷，每个盒子都需要测量数值。

定位最大的特点是有层叠的概念，就是可以让多个盒子 前后 叠压来显示。 但是每个盒子需要测量数值。

考虑到在blog中不好体现代码更改的位置，小迪才用github托管代码，大家可以查看github，看到详细版本修改过程，搭配博客学习。