CSS动态宽度大于100%

Posted 2023-03-06

【中文标题】CSS动态宽度大于100%

【英文标题】：CSS dynamic width larger than 100%

【发布时间】：2011-08-27 21:24:36

【问题描述】：

我有一个包含浮动项目列表的父容器。当添加新的浮动项目时，父容器会很好地向右扩展。

但是当我添加更多项目并且项目靠近窗口右侧时，新项目只会跳转到新行。 相反，我希望它继续向右扩展，使我的父容器大于 100%。

是否可以将容器宽度定义为 max-width:infinite;？

要回答我自己的问题，我知道我可以将最大宽度设为 5000% 或其他值，但我只是想知道是否有更好的解决方案。我认为页面的高度是 max-width:infinite; 有点奇怪。并且页面的宽度不能具有相同的行为。

也许这只是一个愚蠢的问题，但我还是问了：P。

【参考方案1】：

据我所知，如果不使用 javascript 来计算浮点数的宽度，您将无法可靠地跨浏览器。

然后，您可以在上面有一个“包装器”div，以确保隐藏您的浮动宽度可能为 5000 像素的事实。使用overflow-x 滚动会使您的div 看起来不断增长。

我认为这是由于盒子模型，据我所知，没有容器会变得越来越大，而没有计算出宽度。您将始终在 DOM 层次结构（想想 body/html）中以固定宽度命中父块元素。

【参考方案2】：

我认为overflow:visible 应该可以解决问题。