P标签特性:不能嵌套块元素

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了P标签特性:不能嵌套块元素相关的知识,希望对你有一定的参考价值。

  一直以为P标签只是个自带上下外边距的块元素,最近在项目里利用其自带外边距就嵌套了个div包裹的按钮兰到里面。在测试时发现这个P标签被解析成了2套P标签,工具栏被插在2组P标签中间属于同级了。

后经过查询发现,原来P元素是不能包含块级元素(包括P自身)的.The P element represents a paragraph. It cannot contain block-level elements (including P itself). 

以上是关于P标签特性:不能嵌套块元素的主要内容,如果未能解决你的问题,请参考以下文章

标签嵌套规则

前端基础

html常见的块元素和行内元素(特别注意个别块元素不能嵌套其他块元素)

CSS--基础块级元素与内联元素

兼容性问题

块元素内敛元素行内块元素特点相互转换取消默认效果