我有一个主要的“内容”。在它是另一个div“项目列表”，这是几个缩略图大小的div，我用作图像精灵链接到其他页面。但是，当我添加很多缩略图div时，“内容”div似乎并不想让它的高度更大。
以下是一个测试页，供您查看我正在使用的内容：http://willryan.us/test/content/design.html
如果将鼠标悬停在前几张缩略图上，您会看到蓝色叠加层（目前为止只有少数悬停，而且只是重复）。我试图通过图像精灵在所有缩略图上得到这个。所以我用div来包装每个图像。
但是“内容”div一旦达到四行缩略图就不会变大。如果您转到照片页面，您可以看到内容div的行为正确（当其中包含更多图像时会变得更高）。
我假设问题在于设计页面上较小的div，因为我没有在照片页面上使用div作为缩略图。
知道如何解决这个问题吗？
答案 0 :(得分：2)
在#content上设置overflow：auto，并将其排序。
答案 1 :(得分：1)
您可以在div的末尾设置段落的样式以清除：两者;或者您可以在div的末尾添加一个，并在样式表集中添加.clear {clear：both;}