一个div似乎被另一个div吞没了。

Question

我有这个页面：

http://www.comehike.com/outdoors/birds/birds.php

左边(中间)有一份鸟类清单。但由于某些原因，网页只呈现了鸟类列表的一半。如果我使用view-source，我会看到整个鸟类列表。

如果我在Firebug中查看页面，它会像我预期的那样显示div的间距，但由于某种原因，只有鸟类列表的顶部没有出现。

你知道为什么会这样吗？

谢谢!

Answer 1

您在父div的样式声明末尾缺少一个引号。

<div bird.php?bird_id="10501"" birds="" outdoors="" www.comehike.com="" http:="" style="width: 275px; float: left;>

需要的是

<div bird.php?bird_id="10501" birds="" outdoors="" www.comehike.com="" http:="" style="width: 275px; float: left;">

Answer 2

当我用Chrome快速浏览时，我认为它呈现了整个列表，但却破坏了布局。

在关闭mainBody之前添加<div style="clear: both;"></div>可能有助于清除浮动。

编辑:修复了一个拼写错误