如何在調整外部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/

來源

2014-10-17 user4152111

你這裏有幾個問題，可以通過增加來解決/編輯如下：

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

您的jQuery然後應用到內部DIV，而不是外部包裝：

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

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

來源

2014-10-17 05:06:46

如何在調整外部div的大小時避免內部div的溢出？

回答

相關問題