Firefox 3.6 <label> <p>渲染问题</p> </label>

Question

我的html代码中有一个包含<p>标记的标签。但是firefox 3.6正在标签之外呈现<p>标签，这打破了html。包括不同FF版本在内的所有其他浏览器都可以正常渲染。请帮忙吗？

Answer 1

HTML规范不允许<p>元素中的<label>个元素。当您编写invalid HTML时，预计浏览器会以不同的方式进行错误恢复。

<!ELEMENT LABEL - - (%inline;)* -(LABEL) -- form field label text -->

“标签元素可以包含任意数量的'内联'，除了其他标签”

<!ENTITY % inline "#PCDATA | %fontstyle; | %phrase; | %special; | %formctrl;">

“内联包含文字，被视为'fontstyle'，'词组'等的内容”

如果您follow the links through，则不会在任何这些群组中找到p。

Answer 2

将嵌套元素嵌套在inline-element中是不合法的......

Answer 3

这很简单，因为p标签不能嵌套在标签标签中。它不是有效的标记。我建议你用validator

检查你的工作

Answer 4

尝试添加以下css规则：

p {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

这会使<p>标记成为内联级别元素。