解决将盒子内部图片进行缩放会撑大父盒子的问题

本文主要是介绍解决将盒子内部图片进行缩放会撑大父盒子的问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1、此时我们实现当鼠标经过盒子，图片将进行整体放大的功能。

会出现将父盒子也撑大的问题，如图：

 2、我们只需要给当前图片的父盒子添加一个“overflow：hidden”代码即可解决问题

// 父盒子
div {  overflow:hidden;
}
div:hover img {transform:scale(1.1);
}

效果如图：

 

这篇关于解决将盒子内部图片进行缩放会撑大父盒子的问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---