css的基本定位机制

分为三种：普通流、浮动、绝对定位

普通流：默认，html文档的排列顺序块级从上到下（垂直距离由margin-top、margin-bottom决定）；行内元素在一行中从左到右（由margin-left/right、padding-left/right调整水平距离） PS：相对定位属于其一部分

浮动：float元素存在占位，并未完全脱离文档流（普通流），脱离了父元素

绝对定位：彻底脱离普通流，所以它可以覆盖页面上的其他元素，可以通过设置Ｚ-Iindex属性来控制这些框的堆放次序。

float和absolute的区别：

1.absolute元素是可以通过top/bottom/left/right调整自己的位置，而float元素受其他元素的影响，通过其他元素确定自身的位置

2.float元素之间在占位上是相互影响的，而absolute元素即使处于同一层，在占位上是互不影响的（absolute同级会覆盖；float会平行排列）