使用javascript縮放div以填充左側邊欄中的空間

-1

我花了最後一個小時尋找我想要做的例子，但我似乎找不到它。使用javascript縮放div以填充左側邊欄中的空間

基本上我有一些內容和側欄。內容被稱爲"threeposts"，邊欄內有三個div 「互換」，「邊欄2」和「pujoin」。基本上我想要「pujoin」div來調整大小並填充內容高度與邊欄高度的不同。

類似下面，

(height of threeposts) - (height of interchange) - (height of sidebar2) = height of pujoin

我想在頁面加載後，用JavaScript來做到這一點。任何幫助將非常感謝。這是迄今爲止的代碼。

$(document).ready(function() { 

var main = $("#threeposts").height(); 
var tone = $("#interchange").height(); 
var ttwo = $("#sidebar2").height(); 

$(window).resize(function() { 
$('#pujoin') .css({'height': main - tone - ttwo + 'px'}); 
alert('resized'); 
}); 
});

來源

2013-12-10 Matt Rogers

什麼是錯誤的JavaScript你已經出於好奇？ – BenjaminPaul

不工作 –

如果你想要別人來幫助你，顯然你將需要提供更多信息，請閱讀規則。告誡我「這不工作」嚴重不會幫助任何人......祝你好運。 – BenjaminPaul

CSS3 Flex佈局可以幫助您實現這一點，但需要犧牲跨瀏覽器的操作。試試這個：http://weblog.bocoup.com/dive-into-flexbox/

來源

2013-12-10 12:05:58 myTerminal

謝謝，但我有一個完整的網站建立我不會重新設計它，當我可以只使用一點點的javascript –

他們似乎也沒有完全實現，並且非常在剛開始使用時只有很新的瀏覽器。 – BenjaminPaul

使用javascript縮放div以填充左側邊欄中的空間

回答

相關問題