我正在尝试修复一个div，使其始终保持在屏幕顶部，使用：
position: fixed;
top: 0px;
right: 0px;
然而，div位于居中的容器内。当我使用position:fixed时，它会相对于浏览器窗口修复div，例如它位于浏览器的右侧。相反，它应该相对于容器固定。
我知道position:absolute可以用来固定相对于div的元素，但是当您向下滚动页面时，元素会消失，并且不会像position:fixed那样固定在顶部。
有没有破解或解决方法来实现这一点？
当前回答
根据我的经验，处理此问题的最佳方法是将元素踢出父元素。
position:sticky不适合我，因为它没有固定在滚动上，position:absolute不令人满意，因为它将它从文档流中删除。
我所做的只是将元素放在与父元素相同的级别（以便它们是兄弟）。这样，它固定在元素上方，不会从流中取出。不需要额外的复杂css或js。
其他回答
实现相对固定位置的另一个奇怪的解决方案是将容器转换为iframe，这样固定元素可以固定到容器的视口而不是整个页面。
简短回答：没有。（现在可以使用CSS转换。请参阅下面的编辑）
长篇大论：使用“固定”定位的问题在于，它会使元素脱离流程。因此，它不能相对于父对象重新定位，因为它好像没有父对象。但是，如果容器具有固定的已知宽度，则可以使用以下内容：
#fixedContainer {
position: fixed;
width: 600px;
height: 200px;
left: 50%;
top: 0%;
margin-left: -300px; /*half the width*/
}
http://jsfiddle.net/HFjU6/1/
编辑（2015年3月）：
这是过时的信息。借助CSS3变换的魔力，现在可以将动态大小（水平和垂直）的内容居中。同样的原则也适用，但您可以使用translateX（-50%）来代替使用边距来偏移容器。这不适用于上面的边距技巧，因为除非宽度是固定的，否则不知道要偏移多少，并且不能使用相对值（例如50%），因为它将相对于父元素，而不是它所应用的元素。transform的行为不同。它的值与它们所应用的元素有关。因此，50%的转换表示元素的宽度的一半，而50%的边距表示父元素的宽度。这是一个IE9+解决方案
使用与上述示例类似的代码，我使用完全动态的宽度和高度重新创建了相同的场景：
.fixedContainer {
background-color:#ddd;
position: fixed;
padding: 2em;
left: 50%;
top: 0%;
transform: translateX(-50%);
}
如果您希望它居中，也可以这样做：
.fixedContainer {
background-color:#ddd;
position: fixed;
padding: 2em;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
演示：
jsFiddle：仅水平居中jsFiddle：水平和垂直居中最初的功劳是用户aaronk6在这个回答中向我指出了这一点
答案是肯定的，只要在将div位置设置为固定后不设置left:0或right:0。
http://jsfiddle.net/T2PL5/85/
签出侧边栏div.它是固定的，但与父级相关，而不是窗口视图点。
正文{背景：#ccc；}.包装器{边距：0自动；高度：1400px；宽度：650px；背景：绿色；}.侧边栏{背景色：#ddd；浮动：左侧；宽度：300px；高度：100px；位置：固定；}.主要{浮动：右侧；背景色：黄色；宽度：300px；高度：1400px；}<div class=“wrapper”>包装器<div class=“sidebar”>侧边栏</div><div class=“main”>main</div></div>
两个HTML元素和纯CSS（现代浏览器）
请参见这个jsFiddle示例。调整大小并查看固定元素如何随浮动元素一起移动。使用最内侧的滚动条查看滚动在站点上的工作方式（固定元素保持固定）。
正如这里许多人所说的，一个键没有在固定元素上设置任何位置设置（没有上、右、下或左值）。
相反，我们将所有固定元素（注意最后一个框中有四个元素）放在要放置的框中，如下所示：
<div class="reference">
<div class="fixed">Test</div>
Some other content in.
</div>
然后我们使用margin-top和margin-left相对于容器“移动”它们，就像这个CSS所做的那样：
.fixed {
position: fixed;
margin-top: 200px; /* Push/pull it up/down */
margin-left: 200px; /* Push/pull it right/left */
}
注意，因为固定元素忽略了所有其他布局元素，所以fiddle中的最终容器可以有多个固定元素，并且仍然具有与左上角相关的所有元素。但是，只有当它们都放在容器中的第一个位置时，这才是正确的，因为这一比较结果表明，如果分散在容器内容中，定位就会变得不可靠。
包装器在定位上是静态的、相对的还是绝对的，这无关紧要。
当您使用position:fixed CSS规则并尝试应用top/left/right/bottom时，它会相对于窗口定位元素。
解决方法是使用边距财产，而不是上/左/右/下
