因?yàn)闉g覽器有默認(rèn)的樣式，對(duì)P元素的默認(rèn)樣式是：
user?agent?stylesheet
p?{
????display:?block;
????-webkit-margin-before:?1em;
????-webkit-margin-after:?1em;
????-webkit-margin-start:?0px;
????-webkit-margin-end:?0px;
}

所以p元素會(huì)擁有margin值，而margin是外擴(kuò)充。

元素的任何內(nèi)容都會(huì)被margin所包裹，包括background，所以你會(huì)看到有空隙，

但margin也屬于那個(gè)元素本身，所以其實(shí)本身是已經(jīng)觸頂?shù)摹?/p>

而padding是內(nèi)擴(kuò)充，相當(dāng)于有棍子把容器給撐開了，然后background繼續(xù)覆蓋，

所以令你感覺上padding值加上了，然后就觸頂了。