p里不能嵌套div（及其他block元素）。“</div>段落1段落1” 這里是沒(méi)有css樣式的，前面的“<p>段落1段<div>“自動(dòng)補(bǔ)全了</p>,所以顯示背景。

這是DTD（文檔類型定義）里的規(guī)則

The P element represents a paragraph. It cannot contain block-level elements (including P itself).
P表現(xiàn)的是一個(gè)段落。不能包含塊級(jí)（block）元素（包括P自身）。

We discourage authors from using empty P elements. User agents should ignore empty P elements.
我們不鼓勵(lì)使用空的P標(biāo)簽，因?yàn)闉g覽器會(huì)忽略空的P標(biāo)簽。 ? ?

隨筆一則，僅供參考：

今天工作也不是很忙，做調(diào)試提示框時(shí)候發(fā)現(xiàn)了兩個(gè)苦惱的問(wèn)題，整了很久我也沒(méi)有知道是啥原因。所以趕緊請(qǐng)教同事。
o(︶︿︶)o 唉，不是慚愧，那個(gè)解決問(wèn)題的方法是我不知道的，我以前也沒(méi)有看到過(guò)，不過(guò)現(xiàn)在明白了就寫下來(lái)以后記住就好了~
第一個(gè)我在p標(biāo)簽里嵌套了一個(gè)div，結(jié)果網(wǎng)頁(yè)上總是顯示的代碼和寫的代碼不同，同事告訴我，p標(biāo)簽上不能嵌套div
第二個(gè)是背景圖片顯示定位的問(wèn)題，我在寫css的時(shí)候顯示把背景定位寫到上面，背景圖片緊挨其后，在頁(yè)面顯示的效果圖片是有那個(gè)陰影，但是怎么也不會(huì)出來(lái)小圖標(biāo)。我急了，這是咋回事呢？想了許久還是不知道，
結(jié)果同事一眼就看出來(lái)了，要把背景圖片寫在背景圖片定位的上面去，這樣就好了。。
哦哦哦，原來(lái)是這樣的，知道html 在網(wǎng)頁(yè)上是從上到下讀的，就沒(méi)有想到css也是這樣的，哈哈哈~~~

div默認(rèn)是block方式顯示，會(huì)單獨(dú)撐開一行，所以會(huì)把P撐開。

而div默認(rèn)沒(méi)有外邊距，p有上下邊距，所以p中的div會(huì)距離上邊的內(nèi)容有邊距