颠末应用 position 属性,咱们可以抉择 4 种一致类型的定位,这会影响元素框天生的法子。
position 属性值的意思:
- static
- 元素框畸形天生。块级元素天生一个矩形框,作为文档流的一有部分,行内元素则会树立一个或多个行框,置于其父元素中。
- relative
- 元素框偏移某个隔断。元素仍保持其未定位前的形状,它原先所占的空间仍糊口生涯。
- absolute
- 元素框从文档流完全删除,并相关于其搜聚块定位。搜罗块多是文档中的另一个元素大约是初始收罗块。元素原先在畸形文档流中所占的空间会封闭,就宛若元素原来不存在异样。元素定位后生成一个块级框,而不管原来它在畸形流中生成何品种型的框。
- fixed
- 元素框的体现相反于将 position 设置装备摆设为 absolute,不外其搜聚块是视窗本人。
提示:相对定位实践上被看做普通流定位模子的一一小部分,因为元素的地位相对于它在寻常流中的身分。