부모의 키가 아이보다 작은 이유는 무엇입니까?

Question

이미지를 세로로 스트레칭하려고합니다. 전신이 아닌 내 사이트의 상위 컨테이너에서 ID가 "imagen-fondo"인 div입니다.

나는 backstretch 플러그인을 시도했지만 그것을 할 백그라운드 크기와 CSS 배경 이미지.

그러나 두 경우 모두 부모 컨테이너의 계산 된 높이가 직계 하위 높이보다 작으므로 배경 이미지가 내용 자체보다 작게 보입니다.

내가 어떻게하면 그의 직계 아이와 같은 높이로 만들 수 있습니까?

현재 라이브 데모를 볼 수 있습니다

http://50.21.181.12:3001/plantillas/mba 

UPDATE :

나는 문제가 DIV #의 된 imagen-FONDO이 높이지고 있다고 생각 왜냐하면 화면이 크면 문제가 발생하지 않지만, 화면이 커지면 오버 플로우와

뭔가를 : 윈도우의 높이, 당신은 수직 배경 이미지가 종료 스크롤을 시작하는 것처럼,이 두 스크린 샷을 확인하실 수 있습니다 그런 일이 내용보다 작은?

업데이트 2 : 지금은

나는 바닥 글 오프셋 위치를 얻기 그 높이로 ".backstretch"DIV의 높이를 스트레칭

, 그것이 작동되도록 몇 가지 자바 스크립트를 소개했다.

그러나 세로 스크롤 막대를 표시하고 페이지를 검사하도록 창 크기를 조정하면 부모 컨테이너 "# imagen-fondo"(backstretch가 자동으로 높이를 가져 오는 위치)가 계속 표시되는 것을 볼 수 있습니다 표시되는 뷰포트의 높이이며, 컨텐츠 자체는 포함되지 않습니다.

더 좋은 방법을 찾으면 CSS는이 더러운 방법 대신 CSS 만 사용합니다.

Answer 1

나는 바닥 글 위치를 읽고 그 높이로 ".backstretch"DIV의 높이를 스트레칭

, 그것이 작동되도록 몇 가지 자바 스크립트를 소개했다.

그러나 세로 스크롤 막대를 표시하고 페이지를 검사하도록 창 크기를 조정하면 부모 컨테이너 "# imagen-fondo"(backstretch가 자동으로 높이를 가져 오는 위치)가 계속 표시되는 것을 볼 수 있습니다 표시되는 뷰포트의 높이이며, 컨텐츠 자체는 포함되지 않습니다.

더 좋은 방법을 찾으면 CSS는이 더러운 방법 대신 CSS 만 사용합니다.

Answer 2

상위 div의 clear float : clear; both; 또는 부모 div에 clearfix를 사용하십시오. 지금은