CSS动态宽度大于100%

前端之家收集整理的这篇文章主要介绍了CSS动态宽度大于100%前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个父容器,其中包含浮动项目列表.添加新的浮动项目时,父容器可以很好地向右扩展.

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

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

要回答我自己的问题,我知道我可以将最大宽度设置为5000%或者其他东西,但我只是想知道是否有更好的解决方案.我觉得页面的高度是max-width:无限的,这有点奇怪;并且页面的宽度不能具有相同的行为.

也许这只是一个愚蠢的问题,但无论如何我都会问:P.

解决方法

据我所知,如果不使用 Javascript来计算浮动的宽度,就无法可靠地执行此跨浏览器.

然后,你可以在上面有一个“包装”div,这可以确保隐藏你的浮动宽度为5000px的事实.使用overflow-x滚动会给出div不断增长的外观.

我认为这是由于盒子模型,据我所知,没有容器变得越来越大,没有计算宽度.您将始终在具有固定宽度的DOM层次结构(思考body / html)的上方命中父块元素.

猜你在找的CSS相关文章