展開Div作爲懸停高度的百分比？

Question

使用引導程序並嘗試在懸停時做一些簡單的css動畫，展開該元素以突出顯示它。

.text-block { 
    background-color: white; 
    min-height: 400px; 
    text-align: center; 
    transition: .1s; 
    margin: 1em; 
} 

.text-block:hover { 
    margin: 0em; 
    transition: .1s; 
    z-index: 99; 
} 

這幾乎看起來正確的，作爲元素出現，因爲利潤率動畫客場擴大，但如此看來只有3元的兩側長大它向上移動頁面。

是否可以將懸停時的高度設置爲非懸停高度+ 2em以使其看起來在CSS內的所有方向上增長1em？

Answer 1

將邊距更改爲填充。保證金會在元素外部添加空白區域。填充應該給你你想要的效果：D