我在 Sonata 项目中看到了以下 css。
HTML:
<div class="content">
<div class="header"></div>
</div>
CSS:
.content {
padding: 20px;
margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system */
}
.header {
padding: 20px 20px 10px;
margin: -20px -20px 20px;
}
我的问题是,拥有正填充然后用负边距否定它们的目的/优势是什么?该代码确实对负边距有评论,但我真的不明白。为什么不将边距和填充都设置为 0?
谢谢!