CSS:固定定位,右:0px但不服从最大宽度

Emi*_*der 5 html css css-position

我无法定位,最大宽度和'右:0px'协调工作!我正在创建一个固定在我的网站右上角的div.页面内容的最大宽度为1000px,但标签只遵循我的'right:0px'规则并向右粘,一旦达到最大宽度就不遵守.还应该注意的是,默认情况下,div位于左上角并且服从最大宽度(如果我输入'left:0px;'但是,它不遵守规则并且它坚持左边).

CSS:

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

#div {
width: 150px;
position: fixed;
right: 0px; } 
Run Code Online (Sandbox Code Playgroud)

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

  • 宽度:100%(文字对齐:右)<---不太正确,我不喜欢100%宽度而不是150px
  • 添加代码以在html(而不是CSS)中"手动"定位div
  • 我发现浮动和文本对齐不会影响固定定位

非常感谢帮助!谢谢.

Jay*_*ayx 9

如果我理解正确,这就是你所追求的.

您需要添加一个具有绝对位置的容器以将内容移到右侧,然后使用固定位置容器将其保持在您需要的最右侧.

  • 这工作得很好!!谢谢!我一直在努力让它发挥作用。我在不到 24 小时内得到了答复!**请注意寻找相同代码的其他人:** 我将 **Jayx** 的代码应用于我的代码,起初它不起作用,但我注意到他的“.content”包含“位置:相对;” 然后我将其添加到我的中并且它起作用了。如果你制作一个固定定位的 div,这是一个很好的经验法则,right:0px; 和一个最大宽度的网站:**内容是相对的,标记是绝对的,div是固定的。**再次感谢! (2认同)