添加邊框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

將邊框添加到元素的寬度。您可以嘗試使用透明顏色（或符合您設計的顏色）默認設置邊框，並且在鼠標懸停時只更改邊框的顏色。當然，你必須從固定的高度和寬度中減去邊界寬度。