Html 位置固定元素不适用于窗口的最大宽度100%'；s宽度

我有一个元素，id为“r-u-ok”。它是一个弹出窗口，其内容可以有不同的字数

我只想设置最大宽度，而不是固定宽度。固定宽度无法自适应内容的字数。此外，我还希望垂直对齐它在中间和水平对齐它到中心。 但即使我将100%设置为“最大宽度”属性，它的“最大宽度”仍然不是窗口的宽度，尽管它包含许多单词

为什么?

别理我糟糕的英语

#r-u-ok{
位置：固定；
/*显示：无*/
最大宽度：70%；
最高：50%；
左：50%；
转化：translateX（-50%）translateY（-50%）；
-webkit转换：translateX（-50%）translateY（-50%）；
z指数：99；
背景色：rgba（0,0,0,8）；
颜色：#fff；
框大小：边框框；
填充：20px；
文本对齐：居中；
边界半径：10px；
字体大小：16px；
}

我想如果这个词足够多的话，这个窗口应该100%宽。

我假设您希望以全宽显示此div。为此：

删除

max-width: 70%;

添加

width: 100%;

或

width: 100vw;

---

只需添加宽度：100%

#r-u-ok{
位置：固定；
/*显示：无*/
宽度：100%；
最大宽度：100%；
最高：50%；
左：50%；
转化：translateX（-50%）translateY（-50%）；
-webkit转换：translateX（-50%）translateY（-50%）；
z指数：99；
背景色：rgba（0,0,0,8）；
颜色：#fff；
框大小：边框框；
填充：20px；
文本对齐：居中；
边界半径：10px；
字体大小：16px；
}

我有一个需求，元素id为“r-u-ok”，是一个pop，有几种可能的内容字数。这是由ajax请求的回调数据判断的。我希望元素只有一个最大宽度，而不是一个固定宽度。固定宽度不能自适应
内容的字数，除此之外我也希望它是垂直对齐中间和水平对齐中心。但是，即使我将100%设置为“最大宽度”属性，它的最大宽度仍然不是窗口的宽度，尽管它包含许多单词。为什么？
我想如果这个词足够多的话，这个窗口应该100%宽。

我认为由于位置固定，div无法像在正常文档流中那样增长。为了克服这个问题，使用一个额外的div-外部div来定位，内部div可以随内容增长：

#r-u-ok{
位置：固定；
宽度：100%；
最高：50%；
左：50%；
转化：translateX（-50%）translateY（-50%）；
-webkit转换：translateX（-50%）translateY（-50%）；
z指数：99；
文本对齐：居中；
}
#r-u-ok>div{
显示：内联块；
最大宽度：100%；
背景色：rgba（0,0,0,8）；
颜色：#fff；
框大小：边框框；
填充：20px；
文本对齐：居中；
边界半径：10px；
字体大小：16px；
}

我想如果这个词足够多的话，这个窗口应该100%宽。

问题是，如果

左：50%

，系统认为您希望将窗口的宽度限制为一半，即使您将整个窗口的宽度转换为-50%。
因此，您需要做的是显式地设置

宽度。没有别的办法。否则你会被这一半困住

幸运的是，
width:100%
不是唯一的解决方案。您可以做的是
width:max content
，它正好满足您的需要。

不幸的是，它并不适用于所有浏览器。IE和Edge将不遵守。但如果您提供正确的前缀，大多数其他人都会这样做


#r-u-ok{
位置：固定；
/*显示：无*/
最大宽度：99%；/*已更改*/
最高：50%；
左：50%；
转化：translateX（-50%）translateY（-50%）；
-webkit转换：translateX（-50%）translateY（-50%）；
z指数：99；
背景色：rgba（0,0,0,8）；
颜色：#fff；
框大小：边框框；
填充：20px；
文本对齐：居中；
边界半径：10px；
字体大小：16px；
/*增加*/
宽度：-网络工具包最大内容；
宽度：-moz最大含量；
宽度：最大含量；
}

我想如果这个词足够多的话，这个窗口应该100%宽。
如果我理解正确，您希望只有当弹出窗口有足够的内容时，它才占据100%的宽度吗？嘿@XheldonCao！我现在怀疑你的问题，你是想将宽度设置为100%，还是想让你的
根据其内容进行调整？很好。这甚至可以在IE中使用，而我的不行。是的……这是一个很好的兼容性和很棒的解决方案……如果忽略兼容性，@MrLister还有另一种方法……非常感谢！我爱死你了！；-）对这就是我想要的！希望属性“最大内容”可以标准化…谢谢！！！很好，不知道
max content
选项不，我想让div自适应内容并具有最大窗口宽度…无论如何，谢谢~不…div自适应需要内容词…无论如何，谢谢！