我可以相对于父项定位固定的元素吗?
我发现当我固定一个元素固定的位置时,父元素是否相对放置都没关系,它相对于窗口的位置是否固定?
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