一个div似乎被另一个div吞噬了

时间:2011-07-14 22:03:31

标签: html css firebug styling

我有这个页面:

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

左侧(中间)有一个鸟类列表。但由于某种原因,网页只呈现鸟类列表的一半。如果我查看源代码,我会看到整个列表。

如果我查看Firebug中的页面,它会按照我的预期显示div的间距,但出于某种原因,只会出现鸟类列表的顶部。

知道为什么会这样吗?

谢谢!

2 个答案:

答案 0 :(得分:3)

您在父级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;">

答案 1 :(得分:1)

当我快速浏览Chrome时,我认为它会渲染整个列表,但会破坏布局。

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

编辑:修正错误