调整浏览器大小时,如何将每个元素固定在同一位置?

阿怀斯·艾哈迈德(Awais Ahmed)

有人告诉我,如何使用CSS修复所有元素,这意味着无论我们如何处理浏览器的高度和宽度,元素都不应移动?还是元素不应该相对于浏览器的高度和宽度移动,页面也应该能够滚动?

华盛顿州的BudgieIn

应用position: absolute到元素将导致其相对于文档保持固定。也就是说,它将与文档一起滚动。

应用position: fixed将使其相对于您的浏览器窗口保持固定。也就是说,如果滚动文档,它将不会移动。

与这些的position值,你可以指定的某种组合toprightbottomleft指定其位置。例如,以下样式会将一个元素固定在非常靠近浏览器窗口右上角的位置(它不会随文档一起滚动):

.topright {
    position: fixed;
    top: 5px;
    right: 5px;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

无论浏览器如何,如何使div位于同一位置?

来自分类Dev

如何让下拉菜单保持固定在同一位置

来自分类Dev

即使我重新加载页面,如何将 div 元素放在同一位置并检索 .data() 值

来自分类Dev

调整浏览器大小时,如何使元素移动更快?

来自分类Dev

flutter build 找不到依赖项,但是当我将链接复制到浏览器时,它位于同一位置

来自分类Dev

CSS固定位置菜单-调整浏览器大小时出现滚动问题

来自分类Dev

调整浏览器大小时如何停止调整元素大小

来自分类Dev

如何使div /视频始终保持浏览器窗口的大小并固定在特定位置

来自分类Dev

批处理文件中的计数器进行循环-如何将数字保持在同一位置?

来自分类Dev

批处理文件中的计数器进行循环-如何将数字保持在同一位置?

来自分类Dev

css {right:0; 位置:绝对;}浏览器调整大小时,元素不应移位

来自分类Dev

当我调整浏览器大小时,所有元素都会更改其位置

来自分类Dev

当我缩小窗口大小时,Html 文本位置不在同一位置

来自分类Dev

如何固定位置元素,以便将鼠标悬停在一个元素上时,其他两个元素应保留在同一位置

来自分类Dev

如何固定位置元素,以便将鼠标悬停在一个元素上时,其他两个元素应保留在同一位置

来自分类Dev

当某些输入具有固定大小时,如何将一行多个输入的宽度设置为浏览器窗口宽度的百分比?

来自分类Dev

如何使用applescript将桌面元素(图标,文件,文件夹)始终保存在同一位置

来自分类Dev

调整浏览器窗口大小时,li元素重叠

来自分类Dev

元素总是在调整浏览器大小时移动

来自分类Dev

将鼠标悬停在同一位置的两个元素上

来自分类Dev

将所有元素放在同一位置

来自分类Dev

当浏览器调整大小时,将元素保留在父视图中

来自分类Dev

将多个图像放置在同一位置

来自分类Dev

如何使用CSS在同一位置显示2个元素?

来自分类Dev

CSS 如何让表格中的所有元素在同一位置结束

来自分类Dev

调整浏览器窗口大小时如何防止div元素下降?

来自分类Dev

调整浏览器大小时如何防止HTML元素移动?

来自分类Dev

调整浏览器大小时如何防止HTML元素移动?

来自分类Dev

调整浏览器大小时如何防止UI元素彼此重叠?

Related 相关文章

  1. 1

    无论浏览器如何,如何使div位于同一位置?

  2. 2

    如何让下拉菜单保持固定在同一位置

  3. 3

    即使我重新加载页面,如何将 div 元素放在同一位置并检索 .data() 值

  4. 4

    调整浏览器大小时,如何使元素移动更快?

  5. 5

    flutter build 找不到依赖项,但是当我将链接复制到浏览器时,它位于同一位置

  6. 6

    CSS固定位置菜单-调整浏览器大小时出现滚动问题

  7. 7

    调整浏览器大小时如何停止调整元素大小

  8. 8

    如何使div /视频始终保持浏览器窗口的大小并固定在特定位置

  9. 9

    批处理文件中的计数器进行循环-如何将数字保持在同一位置?

  10. 10

    批处理文件中的计数器进行循环-如何将数字保持在同一位置?

  11. 11

    css {right:0; 位置:绝对;}浏览器调整大小时,元素不应移位

  12. 12

    当我调整浏览器大小时,所有元素都会更改其位置

  13. 13

    当我缩小窗口大小时,Html 文本位置不在同一位置

  14. 14

    如何固定位置元素,以便将鼠标悬停在一个元素上时,其他两个元素应保留在同一位置

  15. 15

    如何固定位置元素,以便将鼠标悬停在一个元素上时,其他两个元素应保留在同一位置

  16. 16

    当某些输入具有固定大小时,如何将一行多个输入的宽度设置为浏览器窗口宽度的百分比?

  17. 17

    如何使用applescript将桌面元素(图标,文件,文件夹)始终保存在同一位置

  18. 18

    调整浏览器窗口大小时,li元素重叠

  19. 19

    元素总是在调整浏览器大小时移动

  20. 20

    将鼠标悬停在同一位置的两个元素上

  21. 21

    将所有元素放在同一位置

  22. 22

    当浏览器调整大小时,将元素保留在父视图中

  23. 23

    将多个图像放置在同一位置

  24. 24

    如何使用CSS在同一位置显示2个元素?

  25. 25

    CSS 如何让表格中的所有元素在同一位置结束

  26. 26

    调整浏览器窗口大小时如何防止div元素下降?

  27. 27

    调整浏览器大小时如何防止HTML元素移动?

  28. 28

    调整浏览器大小时如何防止HTML元素移动?

  29. 29

    调整浏览器大小时如何防止UI元素彼此重叠?

热门标签

归档