每当我将鼠标悬停在元素上时,我都试图有一个边框,所以我创建了它,它适用于除右侧最后一列之外的所有列。
我的问题是,有没有我可以修复它而不必position:absolute;
在元素上使用?我计划在用户单击切换时设置一些元素display:none;
,因此绝对定位不会按预期工作,因为会有“空块”而不是自动重新排列元素。
PS:我也知道同位素,但我认为这样的事情有点“矫枉过正”。
我不知道我是否解决了您的问题,但这种行为是否符合您的预期?
http://jsfiddle.net/bSF8B(抱歉,链接错误)
我只强制默认border-width
为 0,并且在悬停时将边距减少 5px。
这是一个解决方案:http: //jsfiddle.net/PhilippeVay/bSF8B/10/
它考虑了即使没有悬停也将在悬停时存在的边框(边框颜色与父级的背景颜色相同,您可以在第二个示例中看到它)
编辑:边框颜色不是背景颜色^^
我已经删除了块margin
之间的并创建了一个黑色的,这样当您将鼠标悬停在块上时,只有边框的颜色会发生变化,而您不必包含实际上导致问题的新边框。border
5px