html - 如何用[position:fixed]设置dom节点的正确宽度？

我需要使用position : fixed固定在页面顶部的div。

但是，如果更改浏览器的大小，则div的宽度将更改，因为固定节点的父级是屏幕，而不是父级DOM节点。

如何设置与父节点不全屏相对应的position : fixed节点的宽度？

最佳答案

您不能使position:fixed相对于任何父项。始终是浏览器窗口。

但是，您可以使position:absolute相对于另一个对象。使用margin或-x的-y设置，您甚至可以将其悬停在原始元素的位置上，但仍相对。

要分别使position:fixed或absolute相对于窗口大小或父窗口大小，请使用百分比：

p {
  position:fixed;
  left:10%;
  right:10%;
  top:10%;
  bottom:10%;
  background-color:green;
  }

<div>
  <p>test</p>
</div>

关于html - 如何用[position:fixed]设置dom节点的正确宽度？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37964993/