如何让div自动适应自身的img高度

1、首先在编辑器建立了一个静态页面，在body中添加两个div，设置宽度，并设class 为div1和div2，在两个div的class 中添加相同的控制图片的class名为了 ”img“，并为div添加控制宽度的样式：

2、在两个div中加入相同的图片， 这个时候需要在img 类中加入css语句设置一下div的高度和宽度，以及div的边框，然后就可以设置img的样式了：

3、最后设置img的样式中图片的高度为auto，宽度为100%，这样就可以自适应浏览器了，来到浏览器，可以看到设置了自适应的图片自动填满整个div了，而没有设置的则是填充了一部分。以上就是让div自动适应自身的img高度：

使用img图片--使用width属性标签定义 HTML 页面中的图像。而width属性设置元素的宽度。背景图片—使用background-size属性background-size属性指定背景图片大小。

1、首先打开hbuilder编辑器，新建一个html文件，里面设置一个div标签并设置div的固定宽度和高度。

2、然后在div里面插入一张图片，将图片的宽度设置为何父级一样的宽度，代码就是width:100%这里的100%会自动跟随父级的宽度。

3、接着将父级的高度去掉，这样父div中的img的高度就能自动化，还要将将图片设置为“display:block”转为块状就可以了。

4、最后打开浏览器就能看到一个铺满整个div的图片了。