여백 축소 방지 규칙이없는 이유

Question

요소의 수직 여백이 축소되는 상황이 있습니다. 때때로 저자는 이런 일이하고 싶지 않고, 내가 할 수있는 유일한 방법은 "유엔 붕괴"여백 것을 이해 :

• 이 설정합니다 border 크기> = 1px
• 설정합니다 padding 크기> =

이러한 해결 방법 1px 나에게 의미가 있지만, 그냥 있습니다 : 이 해결 방법, 그들은 단점이있다. 나는 border-collapse과 비슷한 margin-collapse: none; 같은 css3 속성이 없다는 것에 놀랐습니다.

테두리/패딩을 설정하면 마진을 축소 할 수있는 유일한 방법입니까?

Answer 1

아니, 당신이 spec의 말씀에 따라 결정할 수있는 등, 부동 통관, 절대 위치, visible 이외의 값으로 overflow 설정, 특정 min-height을 설정하는 등 다양한 다른 방법이있다.

그러나 이것들은 모두 부작용과 단점이있는 해결 방법이므로 CSS3 Box Model 모듈이 아닌 margin-collapse 같은 CSS에서 사용할 수있는 "오프 스위치"는 없습니다. 가능한 마진 붕괴는 자연스럽게 일어난다는 것이고 따라서 예방할 수있는 유일한 방법은 부작용이지만 그것이 직관적이거나 적절하지 않은 몇 가지 사례가 있다는 데는 동의합니다.

그런데, 당신이 모험심이라면 www-style mailing list에 대한 제안을하고 그들이 말하는 것을 볼 수 있습니다. 그래도 운이 좋을 것 같지 않아.