HTML:相对位置

时间:2018-07-30 15:10:37

标签: html position

我在div中有一个按钮。我希望该按钮显示在右下角。从其他解决方案中,我了解到您应该将position: relative应用于父div,将position: absolute; right: 0; bottom: 0应用于按钮。但是为什么我需要position: relative作为父div?

我已经阅读了position: relative的说明,但对我来说没有意义。我可以相对于其正常位置定位元素。但是我不想更改父div的位置,为什么需要这个?

1 个答案:

答案 0 :(得分:1)

绝对定位的元素相对于其最接近的祖先定位。

因此,您在div上指定position: relative,以便它是绝对定位的按钮相对于其移动的容器。否则,它将是页面的其他祖先或正文。

请参见https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block

  

如果position属性是绝对的,则形成包含块   通过最接近的祖先元素的填充框的边缘   位置值不是静态值(固定值,绝对值,相对值或   粘性)。