首先写个div和img

`markup
    <div class="post-thumbnail">
        
    </div>


![](https://cdn.kaygb.top/wp-content/uploads/2019/10/1570258460-5.png)` 这里采用相对定位和绝对定位的方式隐藏多余部分

    .post-thumbnail{
        position: relative;
        width: 100%;
        height: 200px;
        overflow: hidden;
    }
    .post-thumbnail img{
        width: 100%;
        height: auto;
        position: absolute;
    }

原图  
  
加上css之后的图片  

          
最后修改:2019 年 12 月 10 日 07 : 26 PM
如果觉得我的文章对你有用,请随意赞赏