jQuery製表符高度溢出我的其他div

我正在修復我的網站佈局。這有點令人困惑，所以我希望我能夠解釋得很好。jQuery製表符高度溢出我的其他div

這是我現在的代碼。

<div class="allContent"> 
    <div class="contactDetailsRight backgroundTall"> 
     <div class="backgroundTop"> 
      <div id="contactTabs"> 

      <ul class="headTabs"> 
       <li><a href="panel.php?a=1" title="Notes">Notes</a></li> 
       <li><a href="panel.php?a=2" title="Map">Map</a></li>    
      </ul> 

      <div id="notes"></div> 
      <div id="map"></div> 

      </div> 
     </div> 
    </div> 
</div>

簡單的分解我的代碼。父div（contactDetailsRight）是絕對定位的。 contactTabs包含jQuery UI選項卡，其中的內容動態加載，具有動態高度。

問題： .contactDetailsRight（父DIV），有一個背景圖像和顏色，但是當選項卡的內容超出了頁面，在div背景/色標。起初我雖然可以用'scrollheight'函數改變它，但這不起作用，因爲滾動的實際div是（.allContent）

我不明白爲什麼我似乎無法得到一個適當的身高值。我試過這些以獲得適當的身高：

<script type="text/javascript"> 
$(document).ready(function(){ 
    var h1 = $(".contentBoxRight").height(); 
    var h2 = $(".allContent").height(); 
    alert(h1 + h2); 
}); 
</script>

任何想法將不勝感激。

來源

2012-06-21 Justin

嘗試VAR h1和VAR H2或只是直接提醒沒有變數 –

對不起，我忘了在那裏添加h1 + h2。 h1給予ViewPort ... h2給出NULL。 – Justin

頁面上沒有任何與類contentBoxRight。將其更改爲contactDetailsRight得到其高度

var h1 = $(".contactDetailsRight").height(); 
    var h2 = $(".allContent").height(); 
    alert(h1 + ', ' + h2);

http://jsfiddle.net/cKYbz/

來源

2012-06-21 16:38:47

爲contactDetailsRight，從CSS如果有刪除height屬性，並添加CSS屬性：溢出：汽車

來源

2013-03-04 12:12:17 Neeraj

jQuery製表符高度溢出我的其他div

回答

相關問題