容器内图像溢出

Question

尝试在容器内拉伸图像等，我可以使它比它的容器更大并溢出，但它给了我一个滚动垫，我只想让它更大所以我经常得到他的部分我想要在容器内的图像：

div.img_box{
    width:400px;
    height:400px;

background-color:blue;
      overflow:auto;
}
    .img_box img{
     width:500px;
    }

<div class="img_box">
 <img src="http://img1.wikia.nocookie.net/__cb20140410195944/pokemon/images/archive/f/fc/20150101093541!025Pikachu_OS_anime_5.png" /></div>

Answer 1

div.img_box {
    width: 400px;
    height: 400px;
    background-color: blue;
    overflow: hidden;
}

.img_box img {
     width: 500px;
}

Answer 2

我认为使用

以下内容可能对您有用

background-size:cover

https://jsfiddle.net/tonytansley/rgqvyrbr/1/

容器内图像溢出

Image inside container overflow inside

html

css

containers