div是块级元素，不管大小默认占一行，可以设置宽度高度和外边距span是行内元素，占自己大小的位置，不能设置宽度高度和边距也可以改成span(display:inlin:block)，这样span就变成了一个块级元素，默认占用一行，宽度和高度可以设置。同时，为了实现两者，需要设置宽度、高度和边距，不占用一行，然后显示:bline-block。
1.
首先，打开hbuild:100%，其中100%会自动跟随父项的宽度。
3.
然后去掉父div的高度，这样父div中img的高度就可以自动化了，设置图片为"display:block；"就把它变成一块。
4.
最后，打开浏览器，你会看到一个覆盖了整个div的图片。
1.首先，我们为div设置一个固定的宽度和高度。
2.然后在div中插入一张图片。
3.插入图片后，在预览中看到的效果是图片已经覆盖了父背景尺寸，图片过大。
4.然后在这个时候，把图片s为什么宽度设置与父宽度相同？代码为width:100%，其中100%会自动跟随家长的宽度选择。
5.此时，当你返回浏览器时，可以看到图片的宽度与父div的宽度一致，然后修改高度范围。
6.如果图片的高度也设置为父级的100%，那么图形会变形，所以这里需要去掉父级的高度，这样子集的高度就会自动化。
7.很多时候，图片在框内显示时，底部会出现一个小边框。这时候只要把图片设置成display:block，变成块就行了。
.jpg)
.jpg)
.jpg)
.jpg)
