Question

我有一个包含多个浮动元素的页面，这会导致段落元素出现奇怪的行为。也就是说，只有非常短（小于屏幕宽度）的段落才是浮动的。任何更长的时间和段落下推。这是有问题的页面：

页面上的元素是：

标题（向左浮动）

子页面链接框（向右浮动）

内容段落（左侧浮动）

正如您在页面上看到的那样，只有第一段正确浮动（在标题下并绕着子页链接框）。

我真的很难过，因此，任何帮助都会受到最高的赞赏。谢谢！

Answer 1

删除规则：

.about-content p {
float: left;
}

这实际上是阻止段落浮动页面。正如spec所述：

浮箱的外顶部可能不高于外顶部由先前的元素生成的任何块或浮动框的来源文件。