CSS 중첩 된 Divs의 다중 배경색

StackOverflow https://stackoverflow.com/questions/2216079

  •  19-09-2019
  •  | 
  •  

문제

괜찮은. 이것이 상황입니다. 로고가있는 맨 위에 검은 배너가있는 웹 사이트를 만들었고 높이는 100px이며 배경색은 #000입니다. 다음으로 페이지 내의 컨텐츠와 함께 탐색을 포함하기 위해 큰 "main_content"div를 원하므로 바닥 글을 포함하지 않습니다. 이 경우 페이지의 Main_Content 영역 내에 여러 개의 중첩 된 div가 있으며 이미 배경색이 정의되어 있습니다. 문제는 "Main_Content"라는 DIV에 배경색을 적용하면 내비게이션 막대에만 적용한 다음 이미 정의 된 색상이있는 중첩 된 div로 실행되므로 중지된다는 것입니다. 여기에 누락 된 CSS 규칙이 있는지 궁금합니다 ...

내가 찾은 유일한 수정 사항은 main_content div의 높이를 정의해야한다는 것입니다. 이것에 대한 방법이 있습니까? 콘텐츠 영역의 높이를 정의하고 싶지 않기 때문에 콘텐츠를 채우는 컨텐츠의 높이와 일치하기를 원하기 때문입니다.

도움이 되었습니까?

해결책

가장 많이 발생하는 것은 다른 중첩 된 divs가 부모 Main_Content div의 색상을 상속하고 있다는 것입니다. 당신이 언급 한 다른 것은 컨텐츠에 따라 Main_Content에 높이를 적용하고 싶다는 것입니다.

<style>
#main_content{height:100%;}
</style>

다른 팁

나는 그것을 발견했다고 생각한다, 오버플로 : 숨겨져, 이것이 올바른 해결책인지 확실하지 않지만 내가 가진 최고

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top