2014-09-08 11 views
0

이미지 고정 된 너비의 열이 화면의 가운데에 배치 된 레이아웃이 있습니다. 이 레이아웃에는 단순화를 위해 고정 높이가있는 헤더 막대가 있습니다.유체 레이아웃을 한쪽으로 확장

해당 헤더 표시 줄을 제자리에 유지할 수 있지만 한쪽 가장자리의 창 가장자리까지 펼쳐 보이게 할 수 있습니까?

헤더 바의 파란색 배경이 50px로 높다고 가정 해 보겠습니다. 따라서 열의 오른쪽 영역에는 파란색 배경과 높이가 50 픽셀 인 막대가 표시되어야합니다.

답변

0

유일한 해결책은 JS를 사용하는 것이 었습니다.

머리글의 끝과 일치하도록 창 너비, 머리글 너비 및 절대 위치를 슈퍼 와이드 div로 가져옵니다. 그런 다음 필요에 따라 위치 조정을 위해 resize 이벤트 핸들러를 추가하십시오 (debounced).

이것은 내가 원하는 해결책이 아닙니다. 대안 (CSS) 솔루션은 대단히 환영합니다.