调整外部div时如何避免内部div的溢出?

时间:2014-10-17 03:13:58

标签: javascript jquery html css jquery-ui

当我调整外部div(innerMain)的大小时,

main会自动调整大小。我希望headerfooter都保留在main div的顶部和底部。两者都应该是块元素 - display = block - 并且仅在innerMain更改时调整main的大小。我目前的解决方案是在底部引起溢出。有人可以帮助我在外部div中安装所有内部div并避免溢出吗?

我无法使用jQuery UI Resizable的resize选项,因为当我绘制外部div时,我不知道内部div的Dom元素。 (最终Dom结构不可用)。计算任何像素大小对我来说也不是解决方案。

jsfiddle链接:http://jsfiddle.net/gHLgt/16/

1 个答案:

答案 0 :(得分:1)

这里有一些问题可以通过添加/编辑来解决,如下所示:

.main { position: relative; }
.footer { position: absolute; bottom: 0; width: 100%; }

然后将jquery应用于内部div而不是外部包装器:

$(".innerMain").resizable();

小提琴:http://jsfiddle.net/gHLgt/18/