CSS邊框和浮動問題

Question

我試圖在我將鼠標懸停在元素上時有一個邊框，所以我創建了this，並且它適用於除右側最後一列之外的所有列。

我的問題是，有無論如何我可以修復它，而不必使用position:absolute;上的元素？我打算在用戶點擊切換時將一些元素設置爲display:none;，因此絕對定位不會像預期的那樣工作，因爲會有「空塊」而不是自動重新排列元素。 PS：我也知道同位素，但我認爲這對於這樣的事情是相當「過度」的。

Answer 1

我不知道我是否正確地解決了您的問題，但這種行爲是您所期望的嗎？

http://jsfiddle.net/bSF8B （對不起，錯誤的鏈接）

http://jsfiddle.net/bSF8B/11/

我只能被迫默認border-width爲0，懸停通過5px的切割邊緣。

Answer 2

這裏是一個解決方案：http://jsfiddle.net/PhilippeVay/bSF8B/10/

它考慮到將懸停存在，即使不徘徊邊框（邊框顏色相同的顏色作爲母公司的背景，你可以看到它在第二個例子）

編輯：邊框顏色不是背景顏色^^

Answer 3

我已刪除塊margin之間的和創建的5px一個border，黑色顏色，以便當您將鼠標懸停在塊上時，只有邊框的顏色發生變化，您不必包括實際上導致此問題的新邊框。

Here is the fiddle。