Position属性概括总结

文章总结:
static 定位是HTML元素的默认值,即没有定位,元素出现在正常的流中
--这种定位就不会受到top,bottom,left,right的影响。

fixed 定位是指元素的位置相对于浏览器窗口是固定位置,即使窗口是滚动的它也不会滚动,且
fixed 定位使元素的位置与文档流无关,因此不占据空间,且它会和其他元素发生重叠
--fixed定位在IE7和IE8下需要描述!DOCTYPE才能支持。

relative 定位:相对定位元素的定位是相对它自己的正常位置的定位

absolute 定位:绝对定位的元素相对于最近的已定位父元素,如果元素没有已定位的父元素,
那么它的位置相对于<html>。

z-index 属性,重叠的元素:z-index的值可以控制定位元素在垂直于显示屏幕方向(z轴)上
的堆叠顺序(stack order),值大的元素发生重叠时会在值小的元素上面
--z-index只能在position属性值为relative或absolute或fixed的元素上有效。

玩咖指针 2020-03-04 16:57:40