从明天起 做一个幸福的人，劈柴、喂马、周游世界，从明天起 关心粮食和蔬菜，我有一所房子，面朝大海，春暖花开。 ——海子《面朝大海，春暖花开》节选
属性值
- absolute：生成绝对定位的元素，元素脱离正常文档流，相对于static定位以外的 第一个父元素 进行定位。元素的位置通过”top”、”right”、”bottom”、”left”属性进行规定。层叠通过z-index属性定义
- fixed：生成固定定位的元素，元素脱离正常文档流，相对于浏览器窗口进行定位。元素的位置通过”top”、”right”、”bottom”、”left”属性进行规定。
- relative: 生成相对定位的元素，元素遵循正常文档流，相对于其正常位置进行定位。按照元素的原始位置进行移动
- static：默认值。没有定位，元素遵循正常的文档流中（ top, bottom, left, right 或者 z-index 声明不会被应用）。
- inherit：规定应该从父元素继承position属性的值。
文档流
上面都提到了一个定义——文档流，文档流其实就是文档的输出顺序，也就是我们通常看到的由左到右、由上到下的输出形式。而float、position两个属性就可以将元素从文档流中脱离出来。
代码效果示例