【html 小知识】p标签子元素不能有div等块级元素

在<p></p> 标签里面嵌套 div 等 原生块级元素  会在渲染页面时候出错，div 标签会出如今p标签的下方而且和p标签同级。

没有达到 div 是 p 标签的子元素的预期。

这是由于p标签里面不能嵌套原生块级元素。

 

解决方法：

只须要把  原生块级元素  换为 span 等行内元素就能够实现效果了。而且加上 display : block; 样式也不会出错。