填充div而不会溢出它

Question

我有这个布局

在侧栏col2和col3里面，我有一个div，每个都是一个支架。我需要用不同尺寸的其他div填充这些支架，而不会垂直地溢出支架。所以我需要计算我可以放入多少div，直到没有更多的空间或者下一个div将要溢出持有者。

我该如何解决这个问题？

Answer 1

您需要将div的 width 与其容器的 scrollwidth 进行比较。如果scrollwidth大于宽度，那么你就会溢出。

Answer 2

您可以使用一些javascript来获取div的高度，然后从那里开始工作。或者添加一个溢出的css属性（具有设置的高度），以便内部内容永远不会拉伸外部div。