在網站常用的樣式里，鼠標進入塊元素放大內部圖片營造與其他圖片不同效果是常用的樣式。
這里有兩種常用方式。
第一種是當鼠標經過時，圖片會放大，但是圖片的寬高卻不會變。
這種樣式其實就是利用了圖片放大和外層塊元素的超出隱藏，我們只需要給予外部元素overflow：hidden和經過塊元素時放大圖片就可以了。
可以看到圖片被放大了五倍，正常情況下1.1倍就能夠做成很好的效果。
第二種情況：鼠標經過時元素內容變化，但是不改變整體結構。
就比如我們官網首頁資料庫，當鼠標移動上去時已經發(fā)現懸浮元素已經超過了其本身的寬高，但是其他元素并沒有向右或者向下移動，并且整體的結構并沒有發(fā)生改變，
其實就和我們上邊的圖片放大一樣，只是沒有overflow超出隱藏，在父元素寬高固定的情況下，內部元素放大并不會影響到整體結構。
下一篇： 偽元素與hover的妙用
