如何动态添加边框，使其不影响布局

Question

我正在创建一个菜单栏，我需要在悬停时显示边框。但添加边框会扰乱布局。

如何在不影响布局的情况下添加边框。

Answer 1

你有两个选择。

可能最好是添加边框，即使它没有悬停，但将颜色设置为transparent（或背景颜色）。然后在悬停中只更改background-color:，但不更改边框的大小或存在。

或者您可以使用outline: - 但请先检查浏览器支持。

Answer 2

取决于边框宽度，如果使用1 px边框，则为要添加边框的每个元素从宽度减少2 px，从高度减少2 px。

Answer 3

您可以使用outline而不是border属性。

Answer 4

不是添加轮廓或操纵高度，而是更改当前悬停元素的边距。