添加边框时 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

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