CSS 布局问题。需要一双新鲜的眼睛

Question

我遇到了一个问题，我的图片库中的缩略图间距到处都是，我已经筋疲力尽了，哈哈。

以下是包含缩略图的所有页面的一些示例页面:Good | Good | Good

然而，在大多数相册页面上，它们都被挤在一起，例如这个页面:Bad

然后是这个页面，它似乎已经完全消失了:Really Bad

我确定我在某处遗漏了边距或填充，但目前我还没有找到它。谁能解决这个问题？

谢谢!

Answer 1

您应该重新编写 CSS，让所有 li 都向左或向右浮动，并留有余量。

这将确保所有元素彼此保持在指定的距离内，并且当一个类将解决问题时，不再需要定位和大量唯一 ID。

不要忘记在关闭 div 之前添加清除元素 ;)

CSS:

#wrap
{
    width: 450px;
    margin: 0 auto;
    border: 1px dashed #000;
}

.imageHolder
{
    float: left;
    width: 100px;
    margin: 5px;
    border: 1px dashed #00f;
}

.clear
{
    display: block;
    clear: both;
}
​

http://jsfiddle.net/Kyle_Sevenoaks/a6JGm/