position的值,relative和absolute分别是相对于谁进⾏定位的?relative: 相对定位,相对于⾃⼰本⾝在正常⽂档流中的位置进⾏定位相对它原来的位置,在⾛100px。原来在标准流中的位置继续占有。
absolute: ⽣成绝对定位,相对于最近⼀级定位不为static的⽗元素进⾏定位。(⼦决⽗相)。
fixed: (⽼版本IE不⽀持)⽣成绝对定位,相对于浏览器窗⼝或者frame进⾏定位跟⽗元素没关系。不随着滚动条的滚动⽽移动。固定在浏览器可视窗⼝的位置。
static: 默认值,没有定位,元素出现在正常的⽂档流中。相当none 没有定位的意思。没有边偏移我们⼏乎不⽤。
position: sticky; 基于⽤户的滚动位置来定位。
absolute relative粘性定位的元素是依赖于⽤户的滚动,在 position:relative 与 position:fixed 定位之间切换。
它的⾏为就像 position:relative; ⽽当页⾯滚动超出⽬标区域时,它的表现就像 position:fixed;,它会固定在⽬标位置。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论