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

Question

我需要使用position : fixed在页面顶部修复div。

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

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

Answer 1

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

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

分别使-y或position:fixed相对于窗口大小或父级大小，使用百分比：

absolute

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