如何在父div中调整子div的大小时隐藏div

Question

我在容器中有一些div，每个子div都是可调整大小的jQuery大小。

我的问题是，当我试图调整第一个孩子的大小时，其他的孩子跳出了内容域，或者当他们达到父母的限制时，

<div class="container">
    <div class="col"></div>
    <div class="col"></div>
    <div class="col"></div>
</div>

这里，您可以看到一个有用的示例。

我需要的是，当调整任何子节点的大小时，它们中没有一个会跳出父行或换行，如果父行达到最大宽度，则隐藏溢出。

任何帮助都会很棒的！提前谢谢。

Answer 1

容器正在跳到新的行，因为您为css中的高度设置了50-100 in的范围。

变化

max-height: 200px;

至

max-height: 50px;

在.container上。

这里有一个小提琴：http://jsfiddle.net/vS8vu/5/