html - CSS: fixed positioning, right: 0px 但不会遵守 max-width

Question

我无法让定位、最大宽度和“right: 0px”协同工作!我正在创建一个固定在我网站右上角的 div。页面内容的最大宽度为 1000 像素，但标签仅遵守我的“右:0 像素”规则并坚持在右侧，一旦达到最大宽度则不遵守。还应该注意的是，默认情况下，div 位于左上角并遵守最大宽度(如果我键入“left: 0px;”，但它不遵守规则并且坚持在左边)。

CSS:

#content {
margin: 0 auto;
max-width: 1000px; }

#div {
width: 150px;
position: fixed;
right: 0px; } 

以下是我已经尝试过的一些替代方案:

• width: 100% (with text-align: right) <--- 不太正确，我不喜欢 100% 宽度而不是 150px
• 添加代码以在 html(而非 CSS)中“手动”定位 div
• 我发现 float 和 text-align 不影响固定定位

非常感谢您的帮助!谢谢。

Answer 1

如果我没理解错的话，this is what you're after .

您需要添加一个具有绝对位置的容器以将内容移至右侧，然后使用固定位置容器将其保持在您需要的右上角。