绝对定位元素扩展父元素

Question

enter link description here

html,
body {
  margin: 0;
  padding: 0;
}

.div1 {
  height: 500px;
  position: relative;
  background-color: red;
}

.div2 {
  width: 100px;
  height: 100px;
  background-color: green;
  position: absolute;
  right: -80px;
  top: 0;
}

<div class="div1">
  <div class="div2"></div>
</div>

dom'div2'是绝对定位元素，而dom'div1'是相对定位元素，当我将'div2'的left属性设置为'-80px'时，它将推下父dom，让滚动条显示，谁知道为什么...。感谢帮助我！

Answer 1

绝对属性是相对于DOM的祖先元素设置的，因此-80px在第一个div之外，因此它是“推”出div1的。 一个可能的解决方案是使用-80的恭维，或相对。

Answer 2

设置“溢出：隐藏；”到div1

{{1}}

将“正确：0像素”设置为div2

请进一步说明您想做的事情。