gpt4 book ai didi

html - CSS 相对于其父 div 的绝对定位

转载 作者:行者123 更新时间:2023-12-02 04:22:05 25 4
gpt4 key购买 nike

我正在尝试排列两个 div,如下图所示。

enter image description here

所以,我尝试的是这个。

<div class="popup">
<div class="close-button">
<a class="close" href="#">
<img alt="" src="/images/lb/close.png" width="30" height="30"></a>
</div>
</div>

还有我的 CSS:

.close-button {position:absolute; top:-0.5em; right:-0.5em; z-index:10;}

但是,我的 x 按钮相对于根 div 定位,并在浏览器的右上角显示 x 按钮。

有没有办法将绝对位置设置为其父元素,而不是将其设置为根元素?

谢谢。

最佳答案

要基于父级进行绝对定位,父级必须使用相对定位。

.popup {
position: relative;
}

. close-button {
position: absolute;
top: -0.5em;
right: -0.5em;
z-index: 10;
}

关于html - CSS 相对于其父 div 的绝对定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29680785/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com