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

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

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>

回答:

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


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像素。

以上是 我可以相对于父项定位固定的元素吗? 的全部内容, 来源链接: utcz.com/qa/411878.html

回到顶部