CSS定位:相对定位、绝对定位和固定定位(relative absolute fixed)

时间:2022-02-02 10:38:11

相对定位:position:relative;

  不脱离文档流,参考自身静态位置通过top,bottom,left,right定位,并且可通过z-index进行层次分级。

绝对定位:position:absolute;

  脱离文档流,通过top,bottom,left,right定位,选取其最近的父级元素进行定位,当父级元素position为static时,absolute元素将以body坐标原点进行定位,可通过x-index层次分级。

固定定位:position:fixed;

  这里他所固定的对象是可视窗口而并非body,或父级元素,可通过z-index进行层次分级。