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

Question

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

我的问题是当我尝试调整第一个 child 的大小时，其他 child 跳到内容 div 之外或跳到他们 parent 的限制时跳到外面，

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

here你可以看到一个工作示例。

我需要的是，当调整任何 child 的大小时，他们都不会跳出父级或跳到新行，如果父级达到最大宽度，则 overflow hidden 。

任何帮助都会很棒!提前致谢。

Answer 1

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

改变

max-height: 200px;

到

max-height: 50px;

在 .container 上。

这是一个 fiddle :http://jsfiddle.net/vS8vu/5/