如何在可滚动的div元素内使用CSS绝对位置

n179911

我有以下html。我在可滚动的div容器中有多个元素(例如id为id,1、2、3的div)。

在每个元素中,我需要使用css位置“ absolute”,该位置与其父div有关(即class ='Anchor')。

我遇到的问题是,当我滚动外部容器时,没有移动绝对位置的div。我的理解是位置“绝对”是相对于其父DIV元素的位置。您能告诉我在滚动外部容器时如何使那些“绝对”位置移动吗?

<div style="overflow-y: scroll">
   <div> 
      <div class="Anchor" id="one">
           <div style="position: absolute"> something </div>
           <div style="position: absolute"> something else </div>
   <div> 
      <div class="Anchor" id="two">
           <div style="position: absolute"> something </div>
           <div style="position: absolute"> something else </div>
   <div> 
      <div class="Anchor" id="three">
           <div style="position: absolute"> something </div>
           <div style="position: absolute"> something else </div>
      </div>
   </div>
</div>
夸德汉索

您必须position: relative;在父div上进行设置,以使子元素相对于其移动。

实际上,只要static不使用默认位置,就可以将父div设置为任何用户定义的位置

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在绝对位置的div中滚动div

来自分类Dev

如何使用绝对位置来定位元素?

来自分类Dev

防止位置绝对元素粘贴在可滚动div内

来自分类Dev

固定位置元素位于绝对位置元素内

来自分类Dev

如何使用相对于父元素的绝对位置

来自分类Dev

CSS:绝对位置div高于父div

来自分类Dev

CSS-如何在IE9、10、11中以最大宽度居中绝对位置div

来自分类Dev

TCPDF-如何在使用tcpdf创建的pdf中显示具有绝对位置的div?

来自分类Dev

使用flexbox在div内居中div并使用绝对位置

来自分类Dev

如何在可滚动的div元素内使用CSS绝对位置

来自分类Dev

如何在绝对位置的div之后正确添加内容

来自分类Dev

绝对位置与可滚动页面

来自分类Dev

如何使用jQuery删除绝对位置?

来自分类Dev

防止位置绝对元素粘在可滚动div内

来自分类Dev

固定位置元素位于绝对位置元素内

来自分类Dev

浮动元素被绝对位置div裁剪

来自分类Dev

如何使用相对于父元素的绝对位置

来自分类Dev

如何在位置相对的div内将绝对位置的div对齐到中心?

来自分类Dev

滚动时如何在相对位置的div内使其div保持在其容器内

来自分类Dev

使用CSS旋转HTML绝对位置

来自分类Dev

CSS:相对位置在相对位置div中的绝对位置

来自分类Dev

没有绝对位置的可滚动div

来自分类Dev

查询元素的绝对位置

来自分类Dev

如何使用绝对位置作为相对位置?

来自分类Dev

尽管祖先具有绝对位置,如何在页面中使元素的位置绝对

来自分类Dev

如何在div中设置图像的绝对位置

来自分类Dev

带有 x 滚动的 CSS 绝对位置

来自分类Dev

如何使用水平滚动设置在容器内具有绝对位置的父元素的 li 元素定位

来自分类Dev

如何防止元素绝对位置在css中重叠

Related 相关文章

  1. 1

    在绝对位置的div中滚动div

  2. 2

    如何使用绝对位置来定位元素?

  3. 3

    防止位置绝对元素粘贴在可滚动div内

  4. 4

    固定位置元素位于绝对位置元素内

  5. 5

    如何使用相对于父元素的绝对位置

  6. 6

    CSS:绝对位置div高于父div

  7. 7

    CSS-如何在IE9、10、11中以最大宽度居中绝对位置div

  8. 8

    TCPDF-如何在使用tcpdf创建的pdf中显示具有绝对位置的div?

  9. 9

    使用flexbox在div内居中div并使用绝对位置

  10. 10

    如何在可滚动的div元素内使用CSS绝对位置

  11. 11

    如何在绝对位置的div之后正确添加内容

  12. 12

    绝对位置与可滚动页面

  13. 13

    如何使用jQuery删除绝对位置?

  14. 14

    防止位置绝对元素粘在可滚动div内

  15. 15

    固定位置元素位于绝对位置元素内

  16. 16

    浮动元素被绝对位置div裁剪

  17. 17

    如何使用相对于父元素的绝对位置

  18. 18

    如何在位置相对的div内将绝对位置的div对齐到中心?

  19. 19

    滚动时如何在相对位置的div内使其div保持在其容器内

  20. 20

    使用CSS旋转HTML绝对位置

  21. 21

    CSS:相对位置在相对位置div中的绝对位置

  22. 22

    没有绝对位置的可滚动div

  23. 23

    查询元素的绝对位置

  24. 24

    如何使用绝对位置作为相对位置?

  25. 25

    尽管祖先具有绝对位置,如何在页面中使元素的位置绝对

  26. 26

    如何在div中设置图像的绝对位置

  27. 27

    带有 x 滚动的 CSS 绝对位置

  28. 28

    如何使用水平滚动设置在容器内具有绝对位置的父元素的 li 元素定位

  29. 29

    如何防止元素绝对位置在css中重叠

热门标签

归档