css - 容器内图像溢出内部

标签 css html containers

尝试在容器内拉伸(stretch)图像,我可以使其比具有溢出的容器更大,但它给了我一个滚动垫,我只是想让它更大,这样我就可以得到图像的一部分想要在容器内:

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>

最佳答案

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

.img_box img {
     width: 500px;
}

关于css - 容器内图像溢出内部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31657132/

相关文章:

c++ - 智能指针的 const 正确性

c# - 哪种 C# 容器对于仅存在一个操作的资源效率最高?

javascript - 按下按钮的CSS

javascript - 使 div 中的文本在不同的分辨率下响应

jQuery 无法在响应式菜单上工作

javascript - JQuery,页面加载后加载元素

jquery - jquery 准备好后在 Canvas 上绘图

css - 精确测量的解释 css 3d 立方体

html - 在 View 之间滑动有效...但是 View 位于页眉顶部和页脚后面?

linux - Bluemix 容器 - 如何拥有 Linux