css margin叠加的问题

<style>

#content{margin:50px;background-color:#ffc;}

p{margin:5px;background-color:#cfc;}

</style>

<div id="content">

<p>this is my content</p>

</div>

这并不是浏览器的BUG，各个浏览器的表现其实还是相当一致的。解决此问题的方式是给content元素加入border:1px solid #fff;或者padding:1px;