CSS或jQuery高度繼承問題

我在充當邊框的框內的內容高度有問題。我基本上有一個內部內容框和一個背景框頂部的側邊欄。背景框從內部內容框繼承它的高度，從內容本身繼承它的高度。問題在於，由於側邊欄與內部內容框沒有相同數量的內容，因此邊欄的高度與內部內容框的高度不匹配。我在jQuery中編寫了一個小腳本來修復它，但它不是跨瀏覽器兼容的。CSS或jQuery高度繼承問題

jQuery(function(){ 
    var pageHeight = jQuery('div#internalcontent').height(); 
    jQuery('div#sidebar').css('height', pageHeight); 
});

此代碼有時可用於Chrome，但通常在Firefox中失敗。我認爲它與頁面加載方式有關 - 例如，當分配頁面高度時，所有元素都不加載。

有沒有人知道一種方法來做到這一點在CSS中，或修復它的JavaScript？謝謝。

來源

2012-05-17 user1401234

我通過將該代碼放入一個函數，然後使用來修復它。 – user1401234

調用$後的代碼（文件）。就緒（）

$(document).ready(function(){ 
    var pageHeight = $('div#internalcontent').height(); 
    $('div#sidebar').css('height', pageHeight); 
});

來源

2012-05-17 14:47:40 user92254225

修復它，至少如果沒有其他緩存頁面或任何東西。（我以爲我之前修復過一次，所以這很有可能）我會繼續接受一些答案，看看有沒有人有辦法在CSS中做到這一點。謝謝！ – user1401234

沒問題，很高興我能幫到你！ – user92254225

剛剛重新加載了一百次的頁面，並且修復不一致。我會說3/5倍的頁面加載正確，否則高度再次混亂。任何想法爲什麼這可能會發生？ – user1401234

@Adam jQuery(function(){});應產生相同的行爲文件準備處理程序，以我的知識。 http://api.jquery.com/ready/

來源

2012-05-17 14:50:10 chriseverson

是的，我認爲這是正確的，我有類似的問題，這種變化。 – user1401234

在評論某人的回答時，請不要作出新的回答，而是下次真的發表評論。 :-) – YMMD

CSS或jQuery高度繼承問題

回答

相關問題