CSS边界和浮动问题

每当我将鼠标悬停在元素上时，我都会尝试创建一个边框，因此我创建了一个边框，它可以很好地用于除右边最后一列之外的所有列

我的问题是，我是否可以在不使用

position:absolute的情况下修复它在元素上？我计划将一些元素设置为
display:none当用户单击切换时，绝对定位将无法按预期工作，因为会出现“空块”，而不是自动重新排列元素

PS：我也知道同位素，但我认为这是一个相当“过分”的东西。我不知道我是否正确地理解了你的问题，但这种行为是你所期望的吗

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


我只将默认值
边框宽度
强制为0，并在悬停时将边距削减5倍。
我不知道我是否正确处理了您的问题，但这种行为是否符合您的预期

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


我只将默认的
边框宽度
强制为0，并在悬停时将边距削减5倍。
以下是一个解决方案：

它考虑了即使未悬停时悬停时仍将存在的边框（边框颜色与父对象的背景颜色相同，您可以在第二个示例中看到）

编辑：边框颜色不是背景色^ ^
这里有一个解决方案：

它考虑了即使未悬停时悬停时仍将存在的边框（边框颜色与父对象的背景颜色相同，您可以在第二个示例中看到）

编辑：边框颜色不是背景色^ ^
我已经删除了块之间的
边距
，并创建了一个
边框
，颜色为黑色，这样当您将鼠标悬停在块上时，只有边框的颜色会改变，而您不必包含实际导致问题的新边框

 我已经删除了块之间的
边距
，并创建了一个
边框
，为
5px
，颜色为黑色，这样当您将鼠标悬停在块上时，只会更改边框的颜色，而不必包括实际导致问题的新边框

 当最后一列悬停时，设计仍会爆炸，确定吗？我刚刚在最新的FF，IE和Chrome中检查了这个，它对我有效。你看到正确的版本了吗？没有，没关系：我看到了错误的链接，没有看到它是OP链接，而不是你的/11/version^^^设计在最后一列悬停时仍然爆炸你确定吗？我刚刚在最新的FF，IE和Chrome中检查了这个，它对我有效。你看到正确的版本了吗？没有，没关系：我看错了链接，也没有看到是OP链接而不是你的/11/版本^^