为什么在div里面的样式padding-bottom的效果却同margin-bottom效果一样呢？该怎么处理

为什么在div里面的样式padding-bottom的效果却同margin-bottom效果一样呢？
代码如下：
<div>    
<p   style= "padding-bottom:12px; "> 1111111111111 </p>
</div>
<div> 222222222222222 </div>

效果是两个div之间存在12px的距离，为什么呢？如何消除呢？

------解决方案--------------------
你加上边框看看就会知道不一样了。

<p style= "padding-bottom:12px;border:solid 1px red; "> 1111111111111 </p>