CSS边框和浮动问题

Question

我试图在我将鼠标悬停在元素上时有一个边框，所以我创建了this，并且它适用于除右侧最后一列之外的所有列。

我的问题是，有无论如何我可以修复它，而不必使用position:absolute;上的元素？我打算在用户点击切换时将一些元素设置为display:none;，因此绝对定位不会像预期的那样工作，因为会有“空块”而不是自动重新排列元素。 PS：我也知道同位素，但我认为这对于这样的事情是相当“过度”的。

Answer 1

我不知道我是否正确地解决了您的问题，但这种行为是您所期望的吗？

http://jsfiddle.net/bSF8B （对不起，错误的链接）

http://jsfiddle.net/bSF8B/11/

我只能被迫默认border-width为0，悬停通过5px的切割边缘。

Answer 2

这里是一个解决方案：http://jsfiddle.net/PhilippeVay/bSF8B/10/

它考虑到将悬停存在，即使不徘徊边框（边框颜色相同的颜色作为母公司的背景，你可以看到它在第二个例子）

编辑：边框颜色不是背景颜色^^

Answer 3

我已删除块margin之间的和创建的5px一个border，黑色颜色，以便当您将鼠标悬停在块上时，只有边框的颜色发生变化，您不必包括实际上导致此问题的新边框。

Here is the fiddle。