添加边框div推出其他divs开箱

Question

我在div的mouseover上添加了div边框，但是它推出了其他divs。

我有固定的高度和宽度，有4个div的行。最后有两行8格，高度固定。 当我将鼠标悬停在任何div上时，它会将主框下方的所有div推到其下方。

我试图增加主箱的高度，但仍然推出。 任何人都可以帮助我解决这个问题。

Answer 1

为所有div元素添加透明边框。然后在您的悬停事件中修改边框颜色/类型。这将使分区留在他们的位置。

Answer 2

边境被添加到宽，所以它使鼠标悬停元素变得越来越大。这推动周围的其他的div ..

，这是正常的行为..

你可以使用outline而不是边界，但它IE有限的支持（IE8及以上）..

Answer 3

设置主div内的框以具有顶/左值的绝对位置。

box1{ 
    position: absolute; 
    left: 5px; 
    top: 5px; 
} 

box2{ 
    position: absolute; 
    left: 5px; 
    top: 55px; 
} 

。 。 。

Answer 4

将边框添加到元素的宽度。您可以尝试使用透明颜色（或符合您设计的颜色）默认设置边框，并且在鼠标悬停时只更改边框的颜色。当然，你必须从固定的高度和宽度中减去边界宽度。