CSS 给一个元素的position属性设置值为absolute 它的初始位置会渲染在哪呢(它会蹦在什么地方)

1. absolute 绝对定位补充

• 对一个元素设置position: absolute; 它的初始位置在哪呢
• 如果父元素有设置relative 或者 absolute 或 fixed 它的 (0,0) 位置在父元素 (0,0) 位置, 并且实际渲染后的初始位置左上角和 (0,0) 位置重合 也就是 top = 0 left = 0
• 如果父元素没有设置relative 或者 absolute 或 fixed 则向上寻找设置了 relative 或者 absolute 或 fixed 的祖先元素, 找到则定位父级为找到的祖先元素, 找不到则为windowView, 现在讨论它的初始位置, 它的 (0,0)位置在定位父级的(0,0) 位置, 他的实际渲染位置左上角在结构父级的左上角, 也就是 top != 0 left != 0 而是它的 (0,0)位置和实际渲染位置左上角的对应距离.
• 以上讨论的是我们想要知道的实际渲染位置在哪, 一般情况实际渲染位置总是不会超过结构父级的区域.