jquery動態元素高度覆蓋瀏覽器高度

Question

我有佈局如下。

可調整大小的元素的高度是保持如它將覆蓋整個瀏覽器的高度。

幾點

• 佈局應與瀏覽器的大小調整工作。
• 頂部元素和底部元素是可選的，即某些頁面可能包含它們。
• 使用Ajax加載的內容，它可以付出頂級元素或地板元件
• 頁眉，頁腳和一次頁面加載萊夫特賽德不會改變。
• 最小高度爲100像素
• 佈局應與IE 6 :(

我已經開始編寫基於腳本的瀏覽器調整大小事件工作，但沒能來合適的邏輯。而且如果調整元件不覆蓋事件新內容在熱門元素或地板元件

我試圖尋找佈局插件添加的，但它是有點矯枉過正了我。

如果不解決，建議將有所幫助。謝謝。

Answer 1

我不太清楚我明白你要做什麼，因爲聽起來你可以用CSS來做到這一點 - 除非我誤解了你的目標，用jQuery做這件事只是過分複雜。

您的「要調整大小的元素」需要分配100％的高度，並且所有其他包含的元素也需要分配100％的高度。這有點棘手，但不是太糟糕。

查閱這些教程100％的高度：

http://www.xs4all.nl/~peterned/examples/csslayout1.html http://www.tutwow.com/tips/quick-tip-css-100-height/

然後div的可隱藏（.hide（））或所示的頂部元件和底部元件（.show（））的基礎關於他們中是否有內容。這是否表明你在正確的方向？