CSS 提供了三种基本的定位机制：普通流、浮动和定位;通过这三种方式可实现页面的排版布局。
普通流
普通流中元素的位置由元素在 (X)HTML 中的位置决定：
块级元素独自占一行，在文本流中从上到下一个接一个地排列;
行内元素在一行中并排排列，遇到父元素的边沿会换行继续排列;
浮动
浮动会让元素脱离标准文档流，不再占原来的空间，可以让多个块级元素并排显示。
定位
CSS中一共有N种定位方式，其中，static，relative，absolute三种方式是最基本最常用的三种定位方式。
- static默认定位方式，元素按照正常文档流进行布局，不占据空间。
- relative相对定位，相对于原来的位置，但是原来的位置仍然保留。
- absolute绝对定位，相对于最近的非static定位的祖先元素进行定位。
