我有3个div要素。
div
第div一个更大(包装)并具有position:relative;
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。
因为position: absolute就像重置孩子的相对位置position: relative一样。
position: absolute
position: relative
这是无法解决的-如果您希望第三个div相对于第一个绝对定位,则必须使其成为第一个的子代。