html中图片不溢出,如何处理div中的图片溢出呢？

摘要：

下文讲述避免div中的图片溢出的处理方法分享，如下所示；

在网页设计时，当我们没有对图片进行宽度设置时，此时当图片过大时，

将会溢出div盒子，那么我们如何避免这种情况发生呢？

下文将讲述具体的实现方法：

实现思路：

设置div下图片的width属性为百分之百，即可避免图片溢出

例:

maomao365.com

图片溢出的处理方法分享

---

div{

width:200px;

height:200px;

border:1px solid green;

margin:3px;

padding:10px;

}

/*避免图片溢出的css代码*/

#a img{ width:90%;}

src ="http://www.maomao365.com/wp-content/uploads/2020/01/css_bg.png"

/>

src ="http://www.maomao365.com/wp-content/uploads/2020/01/css_bg.png"

/>

css处理div中图片溢出的方法分享