CSS绝对定位和正文滚动

Question

我需要在页面的右下角放置一个绝对div.

.absolute{
   position: absolute;
   right:0;
   bottom: 0;
}

这是有效的,但是通过页面滚动,右/底位置不是相对于主体宽度/高度而是相对于可见区域(窗口).

body{
    min-height: 600px;
    min-width: 600px;
}

我可以用风格包装div解决这个问题,position:relative, width: 100%;但我失去了最低位置.

这就是我想要的:

Answer 1

只需为body元素设置相对位置:

body {
  position: relative;
}

因为您的.absolute元素将相对于它而不是视口.