今天測試下html學習的過程,可是目前發現一個問題。
<div><p style="width:80px;height:80px;background-color:#00F;">p2</p></div>
<div>塊</div>
<div style="width:80px;height:80px;background-color:#00F;"><p>p2</p></div>
這兩種效果是不一樣的。可以說 是很大的不同,一個是位置,一個是下面的換行邊距。暫時不太理解。先記下來。
解決了(但是也說的不是很清楚)。因爲div標籤是沒有默認的margin值得,而p標籤有。當div存在內容,後面的標籤就是和div標籤 相鄰,這時候沒有外邊距,另外p 標籤是有外邊距的,所以在div標籤內那個狀態,但是當設置p後,p標籤有外間距,所以就會和第一個圖那樣。在div標籤裏,它並沒有顯示他的外邊距。KO。