我想用父元素的右下角固定的元素来修复

问题描述 投票:0回答:1

我要固定位置的元素:固定在父元素的右下位置。

目前,主站点集中在包含所有内容的主内容上,左右有空白。

我想显示一个跳转到首页顶部右下角而不是左右空白处的页面顶部的按钮。

body {
    background-color: #000;
}

main {
    background-color: pink;
    height: 100vh;
    margin: auto;
    position: relative;
    width: 85%;
}

a {
    position: fixed;
    bottom: 0;
    right: 0;
}
<body>
    <main>
        <a href="#">↑</a>
    </main>
</body>

[我发现了一个相关问题,并尝试进行粘贴,但是当我将其设置为正确时,它没有响应:0。因为此内容具有响应性,所以很难用px指定它。

Can I position an element fixed relative to parent?

html css css-position
1个回答
0
投票

而不是使用位置:固定,而是将其替换为位置:绝对,因为它是相对于最近定位的祖先(而不是像固定的那样相对于视口定位,您将能够解决该问题(请找到下面的示例代码):

© www.soinside.com 2019 - 2024. All rights reserved.