CSS定位:相对定位、绝对定位和固定定位(relative absolute fixed)
程序员文章站
2022-04-10 12:58:53
...
相对定位: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进行层次分级。
推荐阅读
-
CSS定位中Positoin、absolute、Relative的一些研究
-
html/css中相对定位relative和绝对定位absolute的用法
-
详解微信小程序 相对定位和绝对定位
-
css3 transform导致子元素固定定位变成绝对定位的方法
-
HTML定位——绝对定位和相对定位、固定定位
-
详解CSS 子元素相对于父元素固定定位解决方案
-
html/css中相对定位relative和绝对定位absolute的用法
-
CSS定位中Positoin、absolute、Relative的一些研究
-
HTML连载57-相对定位和绝对定位
-
绝对定位和浮动的问题,求大神帮忙解决_html/css_WEB-ITnose