JQuery相同高度DIVs

我對此很陌生，所以我覺得我缺少一些簡單的東西。您可以看到它here。JQuery相同高度DIVs

正如你可以從消息框中看到的JavaScript工作正常，但兩個DIV沒有被調整到相同的高度。

我使用的JavaScript是這樣的：

function doResize() { 
    alert('before: being ' + $('#being').height()); 
    alert('before: questions ' + $('#questions').height()); 
    maxHeight = 0; 
    var divs = jQuery("#questions, #being"); 
    $.each(divs, function() { 
     var height = jQuery(this).height(); 
     if (maxHeight < height) maxHeight = height; 
    }); 
    divs.height(maxHeight); 
    alert('after: being ' + $('#being').height()); 
    alert('after: questions ' + $('#questions').height()); 
    $("#main").css('visibility', 'visible'); 
}

我呼籲文檔onload事件此功能。

請指導我，因爲此代碼正在其他頁面上工作！

最好的問候！

EDIT（這裏是糾正碼）：

function doResize() 
{ 

    //alert('before: being ' + $('#beingContent').height()); 

    //alert('before: questions ' + $('#questionsContent').height()); 

    maxHeight = 0; 

    var divs = jQuery("#questionsContent, #beingContent"); 

    $.each(divs, function(){ 
     var height = jQuery(this).height(); 
      if(maxHeight<height) 
       maxHeight = height; 
    }); 

    divs.height(maxHeight); 

    $('#beingContent').css('height', maxHeight - 2); 

    //alert('after: being ' + $('#beingContent').height()); 

    //alert('after: questions ' + $('#questionsContent').height()); 


    $("#root").css('visibility', 'visible'); 

}

和CSS：

#beingContent { padding:0 5px !important; border:1px solid black !important ;}

這解決了校準問題！謝謝。

來源

2013-11-25 Agent Smith

它們具有相同的高度這工作得很好，但你接着說：填充：5px'到div的'＃being'這是問題，如果你使用'padding：0 5px'它會看起來好 – arclite

CSS

#being { 
    padding:0 5px !important; 
}

DIV與 being有 padding :5px所以頂部和底部得到 5px額外的每一個創建不同的所以不是 padding :5px只是分配填充，以左，右。

來源

2013-11-25 01:41:10

抱歉說沒有工作。表現像以前一樣。 –

@AgentSmith更新後的答案再試一次。 –

也沒有工作。抱歉。感謝您的幫助。 –

從css中刪除邊框/填充; 或使用this獲勝。 :)

cuz我太懶惰，只是添加到您的樣式表：

/* apply a natural box layout model to all elements */ 
*, *:before, *:after { 
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
}

來源

2013-11-25 01:45:35 estavillo

JQuery相同高度DIVs

回答

相關問題