모든 플로팅 DIV가 컨테이너의 높이와 일치하도록합니다.

Question

3 개의 플로팅 div를 3 개의 가장 큰 플로팅 div의 높이와 일치 시키려고합니다 (clearfix 솔루션을 통해 높이가 그들의 컨테이너의).

는 내 질문은 정확히 this 질문처럼 만 내 질문에 대답 간과 :)으로 의견을 요구해야한다 ("두 개의 열이 다른 배경 색상을 가지고있는 경우를?"등)

을 그래서 정말 내가 할 수있는 가짜 야. 이 페이지는 scriptaculous를 사용하는 iGoogle과 유사한 드래그 도구 &을 사용하며 dragdrop 정렬 가능한 컨테이너는 플로팅 div입니다. 모든 컨테이너를 동일한 높이로 만들면 사용자가 훨씬 쉽게 작업 할 수 있습니다.

솔루션을 더 많이 찾을수록 순수한 CSS로는 해결할 수없는 것처럼 보입니다. 그 경우이고 일부 자바 스크립트를 사용해야하므로, 그렇게하십시오.

미리 감사드립니다.

EDIT : idrumgood의 링크는 해결책 이었지만 사용하지 못한 해결책은 아닙니다. 충돌을 피하고 하나의 함수에 대해 전체 jquery 라이브러리를로드하지 않아도되도록 프로토 타입을 제안한 jQuery 함수를 이식했다.

function equalHeights(container) { 
    var children = $A(container.immediateDescendants()); 
    var currentTallest = 0; 

    for (i = 0; i < children.length; i++) { 
     if (children[i].getHeight() > currentTallest) { 
      currentTallest = children[i].getHeight(); 
     } //end if 
    } //end for 

    for (i = 0; i < children.length; i++) { 
     children[i].setStyle({ height: (currentTallest + 'px') }); 
    } //end for 
} //end equalHeights 

Answer 1

당신이 자바 스크립트/jQuery를, 내가 사용하는 것이 here's the solution로 확인 경우 :

이것은 내가 사용하여 종료 된 자바 스크립트 함수 포트입니다.