1、此时我们实现当鼠标经过盒子，图片将进行整体放大的功能。
会出现将父盒子也撑大的问题，如图：
2、我们只需要给当前图片的父盒子添加一个“overflow：hidden”代码即可解决问题
// 父盒子
div {
overflow:hidden;
}
div:hover img {
transform:scale(1.1);
}效果如图：
本文介绍了如何通过CSS解决一个常见的前端布局问题：当鼠标经过图片时，图片放大但不使父盒子尺寸增加。通过在父盒子上设置'overflow:hidden'，并为:hover状态的图片应用'transform:scale(1.1)'，可以实现图片放大而不会影响周围元素的布局。这种方法提供了一个简洁的解决方案，确保了页面布局的稳定性。
582
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
