position的四种定位⽅式
p os ition的四种定位⽅式：s tatic、f ix e d、r e lativ e、ab s olute
1.position：static
默认值，没有定位，元素出现在正常的流中；
positionrelative啥意思2.position：fixed
固定定位 是相对于浏览器窗⼝来进⾏定位；
3.position：relative
相对定位 相对于其本⾝正常位置来进⾏定位，它原本所占的空间仍保留；
4.position：absolute
绝对定位 相对于定位⽅式不是static的第⼀个⽗元素进⾏定位（往上寻参照元素，⼀直到根元素为⽌，即body），此时元素原先在正常⽂档流中所占的空间会关闭，就像元素原来不存在⼀样，绝对定位后会⽣成⼀个块级框，⽽不管它原先在正常流中是何种类型。
注意：
1.除static外，通过设置 top/right/bottom/left 来设置元素位置，static定位下是靠margin来移动位置
2.当元素设置position：absolute后，再想⽤ margin：0px auto； 来使元素⽔平居中是⽆效的
就这样，End~

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。