发布网友 发布时间:2022-04-21 01:24
共5个回答
热心网友 时间:2023-11-02 13:08
静态定位:
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-11-02 13:08
固定定位(fixed)会脱离文本流,他会根据你设置的top和left浮动在网页上,并且不随滚动条滚动。静态定位(static)其实就是默认用法,跟没有定位一样,对象会融入到正常的文本流中。
热心网友 时间:2023-11-02 13:09
固定定位:position:fixed
固定定位是相当于“当前窗口”来进行的定位。
固定定位元素不再占空间,层级要高于普通元素,跟“浮动”很像。
固定定位元素,是一个“块元素”,换句话说,行内元素使用fixed定位,将转成“块元素”。
如果只指定了fixed定位属性,并没有设置偏移量,则“原地不动”。
绝对定位absolute
绝对定位元素,相对于“祖先定位元素”进行的定位。
如果父元素没有定位属性的话,则再往上找父定位元素,如果一直找到<body>元素,都没有找定位元素的话,则最终就相对于body来定位。
如果父元素是定位元素(相对或绝对)的话,那么绝对定位元素,就相对于该父元素进行定位。
绝对定位元素,不再占空间,层级要高于普通元素。
绝对定位元素,是一个“块元素”。
如果只指定absolute定位,并没有设置偏移量,则元素的位置不会改变(原地不动)。
热心网友 时间:2023-11-02 13:09
固定定位的话,就在一个标签固定在网页的屏幕上,不会随着滚动条的滚动而变化!
热心网友 时间:2023-11-02 13:10
网上都只是解释绝对定位和相对定位,说不定静态定位没什么用,我也一直再找答案,可惜找不到答案。