首页 热点资讯 义务教育 高等教育 出国留学 考研考公

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

发布网友 发布时间: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


绝对定位absolute

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

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

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

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

热心网友 时间:2023-11-02 13:09

固定定位的话,就在一个标签固定在网页的屏幕上,不会随着滚动条的滚动而变化!

热心网友 时间:2023-11-02 13:10

网上都只是解释绝对定位和相对定位,说不定静态定位没什么用,我也一直再找答案,可惜找不到答案。

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com