【html基础】p标签里面不能嵌套块级元素

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

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

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

 

解决方法：

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

转载于:https://my.oschina.net/u/3237686/blog/3066785