div와 같은 높이 유지

Question

이 이미지를 div 컨테이너와 동일한 높이로 만들기 위해 고심하고 있습니다. 최대 높이, 최소 높이를 자동으로 100 % 시도했습니다. 높이를 딱 맞는 크기로 만드는 것 같지는 않습니다. 나는 이미지가 잘 보이지 않는다는 것을 압니다. 그러나 나는 그것이 꼭 필요합니다. http://jsfiddle.net/UkrdP/

IMG 코드 - - 그것이 정확히 어떻게

.portfolioItem { 
    float: left; 
    overflow: hidden; 
    position: relative; 
    width:40%; 
    height:auto; 
} 

Answer 1

는 유일한 방법은 내 머리의 상단이 떨어져 일을 생각할 수있는 명시 적으로 .portfolioItem

에 height: 100%;과 함께, px의 일정 금액에 .item의 height 속성을 설정하는 것입니다

EDIT : 다음과 같이 : http://jsfiddle.net/3HP5A/

Answer 2

여기

은 예입니다. 자바 스크립트를 사용하지 않고

.portfolioItem { 
    display: inline-block; 
    position: relative; 
    width:40%; 
    height:100%; 
}