我需要两个连续的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>&