我可以相对于父项定位固定的元素吗？

小编典典

css

我发现当我固定一个元素固定的位置时，父元素是否相对放置都没关系，它相对于窗口的位置是否固定？

CSS

#wrapper { width: 300px; background: orange; margin: 0 auto; position: relative; }
#feedback { position: fixed; right: 0; top: 120px; }

HTML

<div id="wrapper">
    ...
    <a id="feedback" href="#">Feedback</a>
</div>

阅读 480

2020-05-16

共1个答案

小编典典

让我为两个可能的问题提供答案。请注意，您现有的标题（和原始帖子）提出的问题与您在编辑和后续评论中寻求的问题不同。

要将元素相对于父元素“固定”position:absolute放置，您需要在子元素上，并且要在 父元素
上使用默认或静态以外的任何位置模式。

例如：

#parentDiv { position:relative; }
#childDiv { position:absolute; left:50px; top:20px; }

这将childDiv相对于parentDiv的位置将元素定位左50个像素，并向下定位20个像素。

位置“固定”相对于窗口元素
，你想position:fixed，并且可以使用top:，left:，right:，和bottom:对的位置，你认为合适的。

例如：

#yourDiv { position:fixed; bottom:40px; right:40px; }

yourDiv相对于Web浏览器窗口，它的位置是固定的，距底部边缘40像素，距右侧边缘40像素。

2020-05-16