css - CSS：以固定位置居中内容

Question

我无法同时保持图层固定和居中。我不能应用 margin: auto 因为我的图层没有任何宽度值，这是一件很充实的事情。

我找到了这个：https ://stackoverflow.com/a/1777282/2114455

将图层居中是一个很好的解决方案，但是我如何保持这个居中的图层固定（我的意思是，滚动时不要移动）

我把它们都放在一个位置：固定；div 但这不起作用。有什么解决办法吗？

Answer 1

也许我不理解您的问题，但是如果您从链接到“固定”的解决方案中更改外部 div 的位置，它应该可以工作。

<div style="position: fixed; left: 50%;">
    <div style="position: relative; left: -50%; border: dotted red 1px;">
        I am some centered shrink-to-fit content! <br />
        tum te tum
    </div>
</div>

（这个在行动中的小提琴：http: //jsfiddle.net/Rykus0/TQw2j/）