1.首先，我們對(duì)div設(shè)置固定寬度和高度。

2.然后在div里面插入一張圖片。

3.插入圖片后，在預(yù)覽中看到的效果，明顯圖片已經(jīng)將父級(jí)的背景尺寸給蓋住了，圖片偏大了。

4.然后這個(gè)時(shí)候，將圖片的寬度設(shè)置為何父級(jí)一樣的寬度，代碼就是width:100%;這里的100%會(huì)自動(dòng)跟隨父級(jí)的寬度選擇。

5.這時(shí)候回到瀏覽器中，可以看到圖片的寬度和父級(jí)div的寬度一致了，然后修改的就是高度的范圍了。

6.如果也將圖片的高度設(shè)置為父級(jí)的100%，那么圖形就會(huì)發(fā)生形變，所以在這里需要將父級(jí)的高度去掉，這樣子集的高度就自動(dòng)化了。

7.很多時(shí)候，將圖片在框中顯示的時(shí)候，在底部會(huì)出現(xiàn)一個(gè)小邊框，這時(shí)候?qū)D片設(shè)置為display:block;轉(zhuǎn)為塊狀就可以了。