position的属性和float

position的四个属性：

（1）static：默认值，没有定位，元素出现在正常文档流中；

（2）absolute：绝对定位，相对于其最近一个具有定位属性的父包含块进行定位，如果不存在这样的包含块，则相对于body元素；

                           可以用left、right、top、bottom来确定元素的位置；

                           不在z-index保留占位符，脱离文档流；

                           会隐性的改变display属性值为inline-block；

（3）relative：相对定位，相对于以前的位置进行定位，不脱离文档流；

（4）fixed：固定定位，相对于浏览器窗口进行定位，不随滚动条的移动而改变位置；脱离文档流；

float：左右浮动，在CSS中，任何元素都可以浮动，浮动元素会生成一个块级框（即display：inline）；

           不会让元素“上浮”到另一个z-index层，仍然在z-index：0层；

           不能通过left、right、top、bottom来确定元素的位置。

ps：下划线红色字体部分为absolute和float的区别。