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

时间:2014-06-19 22:20:23

标签: javascript jquery html css

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

我的问题是,当我尝试调整第一个孩子的大小时,其他人跳到内容div或外面达到父母的限制时,

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

here你可以看到一个有效的例子。

我需要的是,当调整任何孩子的大小时,没有一个孩子跳到父母之外或新线,如果父母达到最大宽度,则隐藏溢出。

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

1 个答案:

答案 0 :(得分:0)

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

更改

max-height: 200px;

max-height: 50px;

on .container

这是一个小提琴:http://jsfiddle.net/vS8vu/5/