Question

你有一个Paragraph块，应用了以下样式：

form.filters p {
    clear:both;
    padding: 5px 0 5px 0;
}

INSROP the Paragragn，我有一个具有以下风格的Div：

form.filters .inputHolder {
    float:left;
}

在查看呈现的页面时，DIV似乎位于P下方，当在Chrome中查看代码时，DIV实际上位于P下方。

源代码：

<p>some stuff
  <div>more stuff<div>
</p>

在Chrome中查看：

<p>some stuff</p>
<div>more stuff<div>

有谁能告诉我发生了什么以及我可以做些什么来解决这个问题？

非常感谢

Answer 1

<div>中不允许

<p>。 HTML解析器在看到<div>标记时会自动关闭<p>元素。

使用<span>代替<div>。

Answer 2

根据规范，<p>元素不能包含"block-level elements (including P itself)"。我的猜测是Chrome只是想在这里提供帮助。