容器溢出里面的图像

时间:2015-07-27 15:28:14

标签: css html5 containers

尝试在容器内部进行图像拉伸等,我可以使其比溢出的容器更大,但是它给了我一个滚动垫,我只是想让它变大,所以我得到它的图像我的部分我想要在容器内:

http://jsfiddle.net/jo37L8cz/

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>

2 个答案:

答案 0 :(得分:1)

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

.img_box img {
     width: 500px;
}

答案 1 :(得分:1)

我认为以下内容可能适用于您,使用

background-size:cover

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