如何在调整外部div的大小时避免内部div的溢出?
问题描述:
innerMain
当我调整外部div(main
)时会自动调整大小。我希望header
和footer
都保持在main
div的顶部和底部。两者都应该是块元素 - display = block - 并且仅在main
更改时调整innerMain
的大小。我目前的解决方案导致底部溢出。有人可以帮助我适应外部div内的所有内部div,并避免溢出?如何在调整外部div的大小时避免内部div的溢出?
我不能使用jQuery UI Resize的resize选项,因为当我绘制外部div时我不知道内部div的Dom元素。 (Final Dom结构不可用)。计算任何像素大小对我来说也不是一个解决方案。
的jsfiddle链接:http://jsfiddle.net/gHLgt/16/
答
你这里有几个问题,可以通过增加来解决/编辑如下:
.main { position: relative; }
.footer { position: absolute; bottom: 0; width: 100%; }
您的jQuery然后应用到内部DIV,而不是外部包装:
$(".innerMain").resizable();