我有一个包含 float 元素列表的父容器。当添加新的 float 项时,父容器会很好地向右扩展。
但是当我添加更多元素并且这些元素靠近窗口的右侧时,新元素就会跳到新的一行。 相反,我希望它继续向右扩展,使我的父容器大于 100%。
是否可以将容器宽度定义为类似 max-width: infinite; 的东西?
为了回答我自己的问题,我知道我只能将最大宽度设置为 5000% 左右,但我只是想知道是否有更好的解决方案。我觉得页面的高度是 max-width: infinite 有点奇怪;和页面的宽度不能有相同的行为。
也许这只是一个愚蠢的问题,但我还是问了 :P。
最佳答案
据我所知,如果不使用 Javascript 来计算 float 的宽度,您将无法可靠地跨浏览器执行此操作。
然后,您可以在上面设置一个“包装器”div,以确保隐藏您的 float 宽度可能为 5000 像素的事实。使用 overflow-x 滚动将使您的 div 看起来在不断增长。
我认为这是由于盒模型造成的,据我所知,没有计算宽度的容器会变得越来越大。在 DOM 层次结构(想想 body/html)中,您总是会碰到一个固定宽度的父 block 元素。
关于width - CSS 动态宽度大于 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6042327/