我需要两个连续的div(有背景)无缝触摸，一个在另一个之外。然而，当我把一个小孩p元素放入底部div时，这种布局就会中断。 p元素的边距强制两个div之间的空白间隙。这是奇怪的行为，因为我期待p的边缘留在div的内容和背景区域。它在Firefox，Chrome和IE 8上也是一样的。

<div style="background: #ccccff">Top Div</div>
<div style="background: #ffcccc"><p>Bottom Div</p></div>

@H_301_4@这是它的样子。

@H_301_4@我可以通过将p元素的边距更改为paddings来解决这个问题，但是我还需要使用头元素，列表元素以及我在div开头使用的任何其他元素。这是不可取的。

@H_301_4@有人可以启发我：我错过了盒子模型的注意事项吗？有没有一个简单的方法来解决这个问题，最好是修改div的风格？