2009-10-16 4 views
1

왼쪽에는 가변 길이 메뉴가 있고 오른쪽에는 가변 길이 콘텐츠가있는 레이아웃이 있습니다. 메뉴와 콘텐츠 사이에는 콘텐츠 div의 일부인 반복되는 배경 이미지를 사용하여 구현 된 구분선이 있습니다. 즉 콘텐츠가 확장되거나 축소 될 때마다 구분선이 확장됨을 의미합니다.CSS로 더 큰 div의 높이를 배경 이미지로 만들기

콘텐츠의 높이가 메뉴의 높이보다 작은 경우 구분선은 여전히 ​​콘텐츠의 높이입니다. 실제로 원하는 것은이 경우 메뉴의 높이가 구분선입니다. 이 방법을 CSS에서 구현할 수 있습니까?

답변

1

콘텐츠의 분할 자 배경 이미지와 메뉴 및 음영 여백 등을 사용하여 메뉴의 콘텐츠 영역과 메뉴의 너비가 겹치게하십시오.

+0

이것은 내가 질문을 게시 한 직후 생각했던 해결책과 매우 비슷합니다 :) 감사합니다. – Skilldrick

1

대안으로 래퍼 div에서 배경 이미지를 사용하고 background-position을 사용하여 메뉴와 콘텐츠 div간에 배치 할 수 있습니다.

관련 문제