2
두 div로 조직이 생겼습니다. 둘 다 블록으로 렌더링되었지만 둘 다 15px의 여백을 가지고 있습니다 (상단 div에는 하단 여백이 있고 하단에는 top이 있음). 따라서 사이 간격이 30px가 아닌 15px, 이것이 올바른 가정입니까 아니면 화가 나나요?CSS - 여백 한계선
건배 폴
A
답변
5
CSS box model은 collapsing margins의 동작을 정의하며 모든 브라우저에서 예상되는 동작입니다.
You might also find my answer to this related question to be of use.
-1
0
두 마진 모두 15 픽셀이며 합계는 아닙니다. 추가하려는 경우 대신 채우기를 사용하십시오.
관련 문제
- 1. CSS 여백 %
- 2. CSS 목록 메뉴 롤오버 여백/여백
- 3. CSS 상단 여백 문제
- 4. CSS 여백 문제
- 5. CSS 여백 문제
- 6. css div 여백 문제
- 7. CSS 여백 자동
- 8. CSS 여백 문제
- 9. CSS : Safari의 여백 문제
- 10. CSS 여백 문제
- 11. CSS 위치 지정시 음수 여백
- 12. CSS * {여백 : 0; 패딩 : 0;}
- 13. CSS 여백 붕괴 문제 해결
- 14. IE7 & IE8 여백/여백 문제
- 15. HTML/CSS 여백 또는 패딩 문제가 발생했습니다.
- 16. 상단과 측면에 대해 CSS 여백 간격이 다름
- 17. IE 6 여백 및 패딩 CSS 문제
- 18. Linux OS를 사용하는 Firefox의 CSS 요소 여백
- 19. CSS 블록 (div) 배경 이미지와 음수 여백
- 20. 여백 및 ul이있는 기본 CSS 배치 질문
- 21. 여백
- 22. 여백 중심에있는 요소의 음수 여백 : 0 자동;
- 23. 상단 여백
- 24. th 요소에 여백 적용
- 25. 크로스 브라우저 문제 !!! 여백 :;
- 26. Typo3 : 안쪽 여백 설정
- 27. DIV 내의 이미지에 대한 여백/여백
- 28. CSS : float : 왼쪽 여백 - 오른쪽 모든 요소를 멀리하지 않습니다.
- 29. CSS/Jquery Safari 및 IE의 고정 위치 및 미스테리 여백
- 30. HTML/CSS - 2 열 레이아웃은 상단 여백 오른쪽이 너무
약간의 바이올린을 만들었습니다. 간격은 15px입니다. http://jsfiddle.net/RBR79/ – Curt
위치 지정, 플로팅, 브라우저, 컨테이너 블록 등 여러 가지 문제가있을 수 있습니다. 관련 CSS 및 제발 HTML. ** 편집 ** @thirtydot : D' oh는 마진이 수직으로 붕괴되는 것을 잊어 버렸습니다. http://www.richinstyle.com/guides/box2.html#margin – stslavik
@stslavik : 여백이 무너지고 있습니다. – thirtydot