div의 배경을 확장하여 부모 div의 높이를 채우십시오.

Question

12 가지 솔루션을 시도했지만 아무 것도 작동하지 않는 것 같습니다. 위의 페이지에서

http://betelec.ergonomiq.net/societe/offres-d-emploi

, 나는 왼쪽 sidenav의 청록색 배경이 주변의 흰색 컨테이너의 높이로 확장 할.

흰색 컨테이너의 높이는 가장 큰 하위 div (이 경우 본체)의 높이로 정의됩니다.

나는 sidenav의 div 높이를 auto로 설정하려고했지만 div는 고정 된 높이로 유지됩니다. div를 10000px와 같이 매우 큰 수로 설정하고 오버플로를 숨기면 아무것도 숨겨지지 않습니다.

저는 완전히 손실되었습니다. position: relative;에

Answer 1

설정 부모 요소와 position: absolute; height: 100%;

라이브 예제 다음 자식 요소입니다. 왼쪽 사이드 바는 float:left에 의해 위치처럼

http://jsfiddle.net/pQdAr/

Answer 2

는 것 같습니다.

다음 게시물은 도움이 될 수 있습니다. How to match height of floating sibling divs