div出于未知原因而超出<p> </p>

时间:2013-04-23 11:03:04

标签: html css

我刚注意到<p>内的div在外面,所以“你想接收......”在<p>内,然后在div之后有一个空{{1}而不是一切都在一个<p></p>

有人在这看到错误吗?

<p>

整个事情应该在subs1 p中,但它不是

3 个答案:

答案 0 :(得分:5)

您无法在<div>标记中使用块元素(<form><p><p>)等。使用<div>代替<p>

<div class="subs1">...</div>

http://www.w3.org/TR/html-markup/p.html表示只允许phrasing content。这意味着这些元素中没有块元素。

答案 1 :(得分:3)

<p>标记不能包含块级标记,它们被视为无效的html,它会影响页面的呈现方式。它阻止了块元素(在这种情况下为<div>)就是块级元素。

请尝试将<div>更改为<span>

div是'block'类型,这就是他们突破自己的行的原因。将它们更改为跨度(也是内联的)将允许您将项目包装在标记中,同时仍将它们保留在一行中。

答案 2 :(得分:3)

p用于包含文本 p aragraphs,而不是像div s那样的块元素。

您的浏览器被迫重新组织节点,因为您编写它们的方式是无效的HTML ,无法解析为有效且有意义的DOM树。

考虑使用div作为最外层容器,而不是p