2010-05-12 3 views
2

div에 배경 이미지가있는 요소가 있습니다. div 아래에 다른 배경 이미지가있는 다른 div가 있습니다.div의 마지막 요소의 margin-bottom 속성이 div를 "확장"하지 않습니다.

Screenshot http://img40.imageshack.us/img40/5603/littlesnapperh.png

공지 사항 여백 하단에 의한 회색 간격 : 이제 문제는 첫 번째 DIV에 포함 된 마지막 요소가있는 경우 마진 - 하단이 같은이 div의 사이에 간격이있을 것이다 적용한다는 것입니다 첫 번째 div에 포함 된 h2 요소의 속성. 여백 - 바닥을 여백 ​​- 바닥으로 전환하면 이것이 해결 될 수 있지만 여백 - 바닥이 필요한 경우 어떻게 될까요?

해결 방법?

답변

5

이것은 접히는 여백으로 알려진 기능입니다. 참조 : http://www.w3.org/TR/CSS2/box.html#collapsing-margins

외부에서 가장 작은 보이지 않는 테두리 또는 패딩을 추가하는 것이 가장 쉬운 방법입니다 (제안 된대로 여백으로 대체하는 것 외에는).

+0

추가 된 패딩 하단 : 외부 요소에 1px 추가하고 고정했습니다. 고맙습니다! – janosrusiczki

0

아마도 오버플로와 관련이 있습니다. 숨김 또는 올바르게 지워지지 않는 요소 중 하나입니다. 오버플로 추가 : 첫 번째 div에 숨겨져 있으면 수정할 수 있습니다.

관련 문제