让一个盒子脱离基本文档流有三种情况:
position定位取值有五种:
absolute:生成绝对定位的元素,相对于父盒子中第一次出现用relative定位的盒子的位置
fixed:生成绝对定位的元素,相对于浏览器窗口进行定位
relative:生成相对定位的元素,相对于其真长位置进行定位
static:默认值,没有定位,元素出现在正常的流中
inherit:规定应该从父元素集成position属性的值:
其中absolute和fixed是脱离基本文档流的,二relative和static是不脱离基本文档流的
还有一种情况是浮动即:float:有三种取值,right,left,none
浮动和position:absolute的区别:可以这样理解浮动,本来这个位置有一个东西,但是我要让他飘起来,然后下边最多只能放下一个这种元素。
而position:absolute则可以想象成这个位置本来有一个东西,我让他飘起来,下边可以放无限多个这种东西。