2017-06-13 73 views
-2

我有節的一排像這樣: enter image description here提出了兩個格大小相等

我試圖讓第二個div遵循相同的高度,第一個,注意高度依賴於圖片大小,可以改變。 你有什麼想法嗎?

+1

可能的重複[如何保持兩個div並排相同的高度?](https://stackoverflow.com/questions/2997767/how-do-i-keep-two-divs-that-並排同一高度) – niceman

回答

0

如果你是開放的使用jQuery,這是非常簡單的。簡單地給兩個div同一個類,然後將下面的代碼複製到頁面底部,然後放置在它們之間。

$(function() { 
     $('.myClass').matchHeight(); 
    }); 

然而,也有不可忽視的另外兩個步驟。
1.包括jQuery的 2.包括jquery.matchHeight.js(你可以在以下網址下載:https://github.com/liabru/jquery-match-height

這是一個負責任的解決方案,讓您不強制圖像的高度,並允許高度變化與一個響應式頁面。

0

嘗試使用JavaScript來獲取DIV高度時,它改變

var divt= document.getElementById('myDiv').clientHeight; 

,然後將其設置爲等於其他分區的高度

+0

不是很容易,如果他給出了一個固定的寬度和高度在CSS而不是使用JavaScript處理它? – ISHIDA

+0

好,如果圖片的大小不固定它不會hekp把一個固定的大小在CSS中:/ –

+0

我試着用document.getElementById('chartdiv')。style.height ='200px';但它沒有工作,我插入一個窗口onload事件 – Solber

相關問題