Javascript 如何使div的位置相对于单个div？
例如，我有一个position div，我有一个div，叫做a，一个div，叫做B。我想两者都是a，B的位置是相对于position div的 例如，位置div是100，绝对值是100，位置是位置的x-100，位置的y-100，。。。也就是说，它是0，绝对值是0。B位置是位置的x+100，位置的y+100，。。。也就是说，它的绝对值是200，200 但是当窗口调整大小或position div移动时，我想让A和B跟随位置的位置。例如，如果位置在500，500。A位置应为400400。B位置应该是600，600 如何仅使用css让A、B位置跟随位置div？多谢各位 代码是这样的，因为A和B不在位置dom树中，所以在定位中使用相对/继承是不同的：Javascript 如何使div的位置相对于单个div？,javascript,html,css,Javascript,Html,Css,例如，我有一个position div，我有一个div，叫做a，一个div，叫做B。我想两者都是a，B的位置是相对于position div的 例如，位置div是100，绝对值是100，位置是位置的x-100，位置的y-100，。。。也就是说，它是0，绝对值是0。B位置是位置的x+100，位置的y+100，。。。也就是说，它的绝对值是200，200 但是当窗口调整大小或position div移动时，我想让A和B跟随位置的位置。例如，如果位置在500，500。A位置应为400400。B位置应该是
<body>
<div id="A"></div>
<div id="position"></div>
<div id="B"></div>
</body>
要做到这一点。。。div A和B应该在position div内。position div应该有position:relative，而A、B应该是position:absolute。如果您的位置div需要是绝对的，那么考虑使用包装div.s/p> 设置“绝对位置”时，表示“顶部”、“底部”、“左侧”和/或“右侧”属性将相对于第一个具有“位置：相对”的父级。。默认情况下，主体标记处于相对位置 现在。。。。如果不想将A和B插入到位。。然后需要javascript计算当前位置并更改它们 祝你好运
顺便说一句：试着为你的div=p使用更好的名称。当你试图解释一个位置div的位置时，这会让人感到困惑。但是我不希望a和B在位置中，我可以这样做吗？你说的内部是什么意思？它们可以移动到您想要的任何地方，并且您可以使用z-index更改顶部的内容。抱歉，响应时间太长：
<html>
<head>
<style>
div {
height: 200px;
width: 200px;
}
#position {
position: absolute;
top: 400px;
left: 400px;
background-color: #444;
}
#A {
position: relative;
top: -100px;
left: -100px;
background-color: #e00;
}
#B {
position: relative;
top: -100px;
left: 100px;
background-color: #0ee;
}
</style>
<body>
<div id="position"> position
<div id="A">A</div>
<div id="B">A</div>
</div>
</body>
</html>