javascript - css3的overflow:hidden这里为什么不起作用，图片还是会溢出div呢？

问题描述

问 题

<div class="fangda"  >           
    <img src="1.jpg"  width="300px" height="150px">
</div>

<style type="text/css">
.fangda{
    width:300px;
    height:300px;
    display:inline-block;
    border:1px solid red;
}
img:hover{
    overflow:hidden    ;
    transition:0.2s;
    transform:scale(2);                        
}
</style>

这个问题已被关闭，原因：与已有问题重复：https://segmentfault.com/q/1010000010236709

解决方案

老哥又是你 overflow hidden要加在外部容器上 也就是
`.fangda{

overflow:hidden;

}`

这篇关于javascript - css3的overflow:hidden这里为什么不起作用，图片还是会溢出div呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！