position,rect

<style type="text/css">
p img 
{
position:absolute;
left:100px;
top:100px;
clip:rect(0px 40px 100px 0px)
}
div img{
position:relative;
left:100px;
top:100px;
}

</style>

position:absolute 绝对定位,对位与浏览器窗口位置

position:relative 相对于原始位置定位

clip:rect(px,px,px,px) 参数1.图片头部剪裁的大小 2.图片宽度(包含左边剪裁的大小) 3.图片的高度(包含头部剪裁的大小) 4.图片的左边剪裁大小 。

 头部,左边剪切后仍占有原来位置

你可能感兴趣的:(定位,position,剪切,clip:rect)