我有一个父容器,其中包含浮动项目列表.添加新的浮动项目时,父容器可以很好地向右扩展.
但是当我添加更多项目并且项目靠近窗口右侧时,新项目才会跳转到新行.
相反,我希望它继续向右扩展,使我的父容器大于100%.
是否可以将容器宽度定义为max-width:infinite;?
要回答我自己的问题,我知道我可以将最大宽度设置为5000%或者其他东西,但我只是想知道是否有更好的解决方案.我觉得页面的高度是max-width:无限的,这有点奇怪;并且页面的宽度不能具有相同的行为.
也许这只是一个愚蠢的问题,但无论如何我都会问:P.
解决方法
据我所知,如果不使用
Javascript来计算浮动的宽度,就无法可靠地执行此跨浏览器.
然后,你可以在上面有一个“包装”div,这可以确保隐藏你的浮动宽度为5000px的事实.使用overflow-x滚动会给出div不断增长的外观.
我认为这是由于盒子模型,据我所知,没有容器变得越来越大,没有计算宽度.您将始终在具有固定宽度的DOM层次结构(思考body / html)的上方命中父块元素.