0

我有一个主要的 div “内容”。其中是另一个 div“项目列表”,其中有几个缩略图大小的 div,我将其用作图像精灵来链接到其他页面。但是,当我添加很多缩略图 div 时,“内容”div 似乎不想让它的高度变大。

这是一个测试页面,供您查看我正在使用的内容:http ://willryan.us/test/content/design.html

如果您将鼠标悬停在前几个缩略图上,您会看到蓝色叠加层(到目前为止只有少数有悬停,它只是一个副本)。我正在尝试通过图像精灵在所有缩略图上获取此信息。所以我用一个 div 包装了每个图像。

但是一旦“内容”div 达到四行缩略图,它就不会变大。如果您转到照片页面,您可以看到内容 div 的行为正确(当其中有更多图像时会变得更高)。

我假设问题在于设计页面上较小的 div,因为我没有将 div 用于照片页面上的缩略图。

知道如何解决这个问题吗?

4

2 回答 2

2

在#content 上设置溢出:自动,这应该可以解决。

于 2012-07-30T22:05:12.257 回答
1

您可以将 div 末尾的段落样式设置为 clear: both; 或者您可以在 div 的末尾添加一个,并在您的样式表中设置 .clear{ clear: both;}

http://jsfiddle.net/rsoneill21/4YuhU/1/

于 2012-07-31T00:37:52.570 回答