요소를 동일한 높이로 변경하십시오.

Question

this page의 맨 아래에 YouTube 비디오, Twitter 피드 및 유사한 페스티벌 회전식 캐 러셀이 나란히 표시됩니다.

내가 YouTube 동영상 및 콘텐츠 유사한 축제 트위터가 빨간색으로 표시 공간을 채우기 위해 먹이와 같은 높이를하고 싶습니다,하지만 난 방법을 알아낼 수 없습니다 이 키가 커지게하십시오.

Answer 1

최고 div의 높이를 캡처하여 다른 div에 적용해야합니다. 이것은 javascript와 dom이 완전히로드 된 후에 만 ​​수행 할 수 있습니다. 예제로 jQuery와 같은 것은 쉽습니다.

최고는 동일한 높이를 필요로하는 모든 div에게 'fixthis'와 같은 클래스 이름을 지정하는 것입니다. 각각에 대한 실행은 높이를 caputure 모든이 높이를 적용하는 div에 :

$ (함수() {

var에 new_height = 0;

$('.fixthis').each(function(){ 

    if($(this).height() > new_height) new_height = $(this).height(); 

}).height(new_height); 

}); 귀하의 경우에는

는 유튜브 패널 클래스 '유튜브'를 가지고, 그래서 당신은 다른 패널 보려면 여기에서 시작할 수 있습니다

$ (함수() {

var에 new_height = 0;

을

$('.youtube').parent().find('> div').each(function(){ 

    if($(this).height() > new_height) new_height = $(this).height(); 

}).height(new_height); 

});