css中固定定位 静态定位是什么意思?
静态定位:
HTML元素的默认值,即没有定位,元素出现在正常的流中。
静态定位的元素不会受到top,bottom,left,right影响。
固定定位:
元素的位置相对于浏览器窗口是固定位置。
margin-bottom 和margin-right的值不再对文档流中的元素产生影响,因为该元素已经脱离了文档流。另外,不管它的祖先元素有没有定位,都是以文档流中原来所在的位置上偏移参照物。
图9中,使用margin属性布局相对定位元素。
层级关系为:
<div ——————————— position:relative; 不是最近的祖先定位元素,不是参照物
<div—————————-没有设置为定位元素,不是参照物
<div———————- position:relative 参照物
<div box1
<div box2 ——–position:absolute; top:50px; left:120px;
<div box3
2023-08-29 广告
2013-09-24
固定定位:position:fixed
固定定位是相当于“当前窗口”来进行的定位。
固定定位元素不再占空间,层级要高于普通元素,跟“浮动”很像。
固定定位元素,是一个“块元素”,换句话说,行内元素使用fixed定位,将转成“块元素”。
如果只指定了fixed定位属性,并没有设置偏移量,则“原地不动”。
绝对定位absolute
绝对定位元素,相对于“祖先定位元素”进行的定位。
如果父元素没有定位属性的话,则再往上找父定位元素,如果一直找到<body>元素,都没有找定位元素的话,则最终就相对于body来定位。
如果父元素是定位元素(相对或绝对)的话,那么绝对定位元素,就相对于该父元素进行定位。
绝对定位元素,不再占空间,层级要高于普通元素。
绝对定位元素,是一个“块元素”。
如果只指定absolute定位,并没有设置偏移量,则元素的位置不会改变(原地不动)。
2013-09-24
2013-09-24