Bir yol margin-çöken devre dışı bırakmak için tamamen var mı? Bulduğum tek çözüm (adı "") uncollapsing beraberinde 1px kenarlık kullanarak veya 1px doldurma. Bu kabul edilemez buluyorum: iyi bir neden için, gereksiz piksel komplike hesaplamalar. Daha makul bir şekilde devre dışı bırakmak için bu kenar-çöken var mı?

Boşluğu daraltma iki ana türü vardır:

• Bitişik öğeleri arasında çöken kenar boşlukları
• Üst ve alt unsurları arasındaki boşlukları daraltma

Dolgu veya kenarlık kullanarak sadece ikinci durumda çöküşü önlemek. Ayrıca, overflow herhangi bir değeri varsayılan (visible) Ana Ortaklık uygulanan farklı çökmesini engellemek olacaktır. Böylece, her ikisi de overflow: auto overflow: hidden aynı etkiye sahip olacaktır. Eğer üst sabit bir yükseklik varsa hidden kullanarak içerik gizleme gibi istenmeyen sonuçlar olduğunda belki de tek fark.

Üst uygulandıktan sonra, bu davranışı düzeltmek yardımcı olabilecek diğer özellikleri şunlardır:

• float: left / right
• position: absolute
• display: inline-block

Hepsi burada test edebilirsiniz: http://jsfiddle.net/XB9wX/1/.

Her zamanki gibi, Internet Explorer durum olduğunu da belirteyim. Daha spesifik olarak, IE 7 boşluklarını düzen bir çeşit ana öğe, width gibi belirtildiğinde daralmıyor.

Kaynaklar: Sitepoint maddeCollapsing Margins960 GelişmeUnderstand CSS Margins Collapsing