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

html–CSS:固定定位,右:0px但不服从最大宽度,第1张

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

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

CSS:

#content {margin: 0 auto;max-wIDth: 1000px; }#div {wIDth: 150px;position: fixed;right: 0px; } 

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

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

非常感谢帮助!谢谢.最佳答案如果我理解正确,this is what you’re after.

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

总结

以上是内存溢出为你收集整理的html – CSS:固定定位,右:0px但不服从最大宽度全部内容,希望文章能够帮你解决html – CSS:固定定位,右:0px但不服从最大宽度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1125809.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表(0条)

保存