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并创建了border 5px，黑色的颜色，以便当您将鼠标悬停在块上时，只有边框颜色发生变化，您不必包含一个实际导致问题的新边框。

Here is the fiddle。