CSS positive padding with negative margin
css
Solution
Please have a look at the CSS Box Model -- you'll notice that border is between padding and margin, and thus the above is most likely used to push the borders outwards.
Problem
I saw the following css in the Sonata project. 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; } ``` My question is, what is the purpose/advantage of having positive paddings and then negate them with negative margins? The code does have a comment on negative margin but I don't really get it. Why not just set both margin and padding to 0? Thanks!