【html 小知識】p標籤子元素不能有div等塊級元素

在<p></p> 標籤裏面嵌套 div 等 原生塊級元素  會在渲染頁面時候出錯，div 標籤會出如今p標籤的下方而且和p標籤同級。

沒有達到 div 是 p 標籤的子元素的預期。

這是由於p標籤裏面不能嵌套原生塊級元素。

 

解決方法：

只須要把  原生塊級元素  換爲 span 等行內元素就能夠實現效果了。而且加上 display : block; 樣式也不會出錯。