一尘不染

绝对位置内绝对位置

html

我有3个div要素。

div一个更大(包装)并具有position:relative;

第2个相div对于第1个div相对位置绝对定位(并包含在第1个中div

第3个div包含在第2个中,div并且也具有绝对定位。

<div id="1st">
   <div id="2nd">
     <div id="3rd"></div>
   </div>
</div>

为什么第3个div位置相对于第2个div绝对位置(这也是第1个位置的绝对位置div)而不是div相对位置的第一个位置?

因为3rd div是绝对定位到2nd的绝对定位div


阅读 266

收藏
2020-05-10

共1个答案

一尘不染

因为position: absolute就像重置孩子的相对位置position: relative一样。

这是无法解决的-如果您希望第三个div相对于第一个绝对定位,则必须使其成为第一个的子代。

2020-05-10