<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div { width:200px; height:200px; background:#00f; }
div { position:absolute; clip:rect(10px, 190px, 190px, 10px); }
</style>
</head>
<body>
<div></div>
</body>
</html>如上，本来是 200px 宽高的 div，现在只显示了中间的 180px，四周留了 10px，这就是 clip 的作用。
注意一、须 absolute
clip 只作用于 position:absolute; 的元素。
注意二、rect 参数值，可以用逗号，也可以用空格
如上，我们是用 3 个逗号，隔开的 4 个参数值，其实使用空格也可以，但是我们推荐逗号，因为官方就是用的逗号。
注意三、rect 的参数含义
文档上说 rect 4 个参数的含义分别是：top、right、bottom、left。
其中 top、left 没啥说的。
但是 right、bottom，如果我们我们理解为距右边、底边的距离，那就是错了！它是指距离左边、上边的距离，如上 190px，实际上是指距离左边、上边 190px，整个宽高是 200px，所以实际效果是：到右边、底边的距离是 10px。
相关阅读
