css溢出剪切

css中，当有内容溢出元素之外时，我们可以用overflow属性来控制溢出内容的可见性。

overflow

hdden scroll auto visible

hidden 就是剪切掉溢出的内容

scroll 当有内容溢出时会生成滚动条

visible 溢出的内容可见，不会剪切，也不会生成滚动条

auto 由用浏览器来决定使用哪种机制

还可以通过clip属性来设置剪切区的形状和大小

clip

rect(top, right, bottom, left)

其中rect(...)里面的值可以是px em auto，但没有百分比值。em是相对于字号来计算，auto表示刚好从元素的外边沿(即边框(border)所围位置剪切。可以是负值，负值使得剪切区域向外扩展。

使用clip要注意，rect(...)里面的值是相对于坐上角产生的偏移，而不像定位里面相对于边产生的偏移。比如clip: rect(0, 20px, 20px, 0)产生一个位于左上角的20px * 20px的剪切矩形。