我有一个无序的列表或锚点.我有一个CSS:悬停事件,它添加了边框但左边的所有锚点稍微调整,当我悬停,因为它是向宽度添加1px并自动调整.我如何确保定位是绝对的？
我在这里做了一个JS小提琴.
我有一个由盒子组成的简单布局。
.action_box {
width: 300px;
height: 200px;
border: 1px solid black;
float: left;
margin-left: 10px;
margin-top: 10px;
}
.action_box p {
border: 1px solid black;
margin-top: 0px;
text-align: center;
}
.action_box:hover {
border: 2px solid black;
cursor: pointer;
}<div class="action_box">asdasds</div>
<div class="action_box">asdasds</div>
<div class="action_box">asdasds</div>
<div class="action_box">asdasds</div>
<div class="action_box">asdasds</div>当徘徊在一个盒子上时，我希望它获得更大的边界。实际上它可以工作，但是所有其他工具箱都已移开并破坏了网站。如何防止这种行为？添加填充不能实现此目标。
我阅读了这篇文章，唯一可能的解决方案是使用position: absolute;。我需要为每个框分配单独的参数。没有一种更简单的方法，但是我只想使用一个类。
css ×2