css的绝对定位和相对定位

css的绝对定位和相对定位

position有四个重要的值,static默认值,absolute和fixed统称为绝对定位,relative是相对定位

一、relative

relative是相对定位,意思就是相对于原来的位置移动了,元素设置了此属性之后仍然处在文档流(文档流指的是元素排版布局过程中,元素会默认自动从左往右,从上往下的流式排列方式。并最终窗体自上而下分成一行行,并在每行中从左至右的顺序排放元素。)之中,不影响其他布局。

二、absolute

absolute是绝对定位,会脱离文档流,会影响到其他元素

1、在父元素没有设置相对定位或者绝对定位的情况下,元素相对于根元素(html元素)做移动
2、在父元素设置了相对定位或者绝对定位的情况下,元素会相对于离自己最近的设置了相对或绝对定位的父元素进行定位

三、fixed

元素相对于浏览器窗口固定,即使浏览器滚动它的位置也不会改变。

发布了32 篇原创文章 · 获赞 0 · 访问量 401

猜你喜欢

转载自blog.csdn.net/wron_path/article/details/103430901