你需要知道的CSS小知识：CSS的clip属性只在绝对定位的元素上才会生效

之前说到了background-clip，你可能会想到clip属性。它的用法是下面这个样子：

.example {
    clip: rect(110px, 160px, 170px, 60px);
}

它的作用是按指定的尺寸、规定的大小裁剪元素。很多简单，但唯一你需要注意的事情是，clip只会在绝对定位的元素上生效。所有，你必须这样做：

.example {
    position: absolute;
    clip: rect(110px, 160px, 170px, 60px);
}

在下面的演示中，你可以看到当元素在绝对定位/相对定位的切换中表现出来的效果：

但是，你也可以将元素的position设置成position: fixed，因为，根据css官方规范，fixed的元素也属于‘absolutely positioned’元素。