width - CSS 动态宽度大于 100%

Question

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

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

是否可以将容器宽度定义为类似 max-width: infinite; 的东西？

为了回答我自己的问题，我知道我只能将最大宽度设置为 5000% 左右，但我只是想知道是否有更好的解决方案。我觉得页面的高度是 max-width: infinite 有点奇怪；和页面的宽度不能有相同的行为。

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

Answer 1

据我所知，如果不使用 Javascript 来计算 float 的宽度，您将无法可靠地跨浏览器执行此操作。

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

我认为这是由于盒模型造成的，据我所知，没有计算宽度的容器会变得越来越大。在 DOM 层次结构(想想 body/html)中，您总是会碰到一个固定宽度的父 block 元素。