经过使用 position 属性,我们可以选择 4 种差距类型的定位,这会影响元素框天生的方法。
position 属性值的意思:
- static
- 元素框畸形生成。块级元素生成一个矩形框,作为文档流的一部分,行内元素则会竖立一个或多个行框,置于其父元素中。
- relative
- 元素框偏移某个距离。元素仍坚持其不决位前的形态,它原本所占的空间仍保留。
- absolute
- 元素框从文档流彻底删除,并相关于其涵概块定位。蕴含块多是文档中的另外一个元素也许是初始蕴含块。元素原先在畸形文档流中所占的空间会开启,就犹如元素原来不存在同样。元素定位后生成一个块级框,而岂论原来它在畸形流中生成何种类型的框。
- fixed
- 元素框的显示类似于将 position 设置装备摆设为 absolute,不外其包含块是视窗自身。
暗示:相对于定位现实上被看作普通流定位模子的一部份,因为元素的位子绝对于它在普通流中的位子。