添加边框时，CSS元素会阻止移动

Question

当我为它们添加边框时，如何防止元素移动？ 例如：

 p:hover
    {
    border:1px solid red;
    }

    p
    {
     border:none;
    }

但是不起作用

Answer 1

总是给它们一个边框，只要它没有悬停就让它透明：

p {
    border:1px solid transparent;
}
p:hover {
    border:1px solid red;
}

JSFiddle

当然这是一个答案，您的问题可以通过多种方式解答。

Answer 2

p {
  border:1px solid transparent;
}