如何在隐藏了溢出的情况下将内部div自动扩展到容器div之外

时间:2019-10-24 13:04:41

标签: containers overflow

我的代码如下:

<div class="container">
<div class="inner">
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
</div>
</div>

这个想法是容器是overflow-x = scroll,而overflow-y是隐藏的,所以我可以从左到右滚动查看所有卡。

内部的卡片数量可以变化,因此我无法设置宽度,这导致了我的问题。我可以为每个“容器”进行数学运算,但是我希望使用相同的代码来进行运算,以便可以轻松添加和删除卡。

如果我从“内部”样式中删除宽度,那么所有卡片都将继续进入不同的行,但我只希望一行。

我尝试了flex-box,但这会挤压所有“卡”,即使它们具有设置的宽度。

我找不到任何可以帮助我解决这个问题的东西,但是我希望我的问题对您有意义。

欢呼

0 个答案:

没有答案