css：hover伪类无法正常工作

我有一个CSS：悬停伪类,没有产生任何结果.

我正在搞乱一些图片库代码,我设法得到这个不起作用的代码片段.我无法弄清楚为什么.关于大小的一些奇怪的CSS规则是因为这些div通常包含图像.为简单起见,我删除了图像,但是将规则留在了.

其他：同一页面上的悬停元素正在运行.

我不确定该怎么说这个问题,因为这是如此基本.我可能错过了一些非常明显的东西.

JSfiddle在这里 –
http://jsfiddle.net/GbxCM/

解决方法

在某些情况下(主要是使用绝对定位),您不能将：hover伪类应用于具有display：inline-block;的内容. (如果你有Chrome,请使用inspect元素并自己添加：hover trait – 注意,它会完美运行！浏览器只是不注册：hover本身.)

所以,我继续用float：left;替换它,添加了一个边距(模拟内联块外观),并将br更改为clear.结果是在this jsFiddle.