css中固定定位 静态定位是什么意思?

html-css026

css中固定定位 静态定位是什么意思?,第1张

固定定位:position:fixed

固定定位是相当于“当前窗口”来进行的定位。

固定定位元素不再占空间,层级要高于普通元素,跟“浮动”很像。

固定定位元素,是一个“块元素”,换句话说,行内元素使用fixed定位,将转成“块元素”。

如果只指定了fixed定位属性,并没有设置偏移量,则“原地不动”。

绝对定位absolute

绝对定位元素,相对于“祖先定位元素”进行的定位。

如果父元素没有定位属性的话,则再往上找父定位元素,如果一直找到<body>元素,都没有找定位元素的话,则最终就相对于body来定位。

如果父元素是定位元素(相对或绝对)的话,那么绝对定位元素,就相对于该父元素进行定位。

绝对定位元素,不再占空间,层级要高于普通元素。

绝对定位元素,是一个“块元素”。

如果只指定absolute定位,并没有设置偏移量,则元素的位置不会改变(原地不动)。

当然可以。子元素是绝对定位,父元素为相对定位、绝对定位或固定定位,则子元素均以父元素作为坐标参照系。顺便说说:可以隔代,比如子元素是绝对定位,父元素非定位元素,但祖父元素是相对定位,则子元素以祖父元素作为坐标参照系。