CSS clip 是一個極少使用，但又確實存在的屬性。
而且，它其實在CSS2時代就有了。
w3school 上有這么一句話：
clip 屬性剪裁絕對定位元素。
也就是說，只有 position:absolute 的時候才是生效的。
img { position:absolute; clip:rect(0px,60px,200px,0px); }
那么，這個東西到底怎么用？
我琢磨了一會兒，知道是怎么回事兒了。
我用windows畫圖畫個圖吧。
img { position:absolute; clip:rect(A,B,C,D); }
當然具體寫的時候得寫具體的像素值。
這個圖的作用是，說明這4個值到底指的是那個距離。
A：剪裁矩形距離父元素頂部的長度。
B：剪裁矩形距離父元素左邊的長度 + 矩形寬度。
C：剪裁矩形距離父元素頂部的長度 + 矩形高度。
D：剪裁矩形距離父元素左邊的長度。
是不是有點繞？
舉個例子。
比如w3school 的例子 object.style.clip="rect(0px,50px,50px,0px)"
實際上，這截取的就是左上角的一塊。
那么，如果不小心輸錯了，4個值不能圍成一個矩形怎么辦？
那當然就什么都看不見了。