第一種將圖片的maxwidth數(shù)值px 數(shù)值設(shè)置成你的div2的寬度 第二種將圖片作為div2的背景圖， 這種可以不裁剪圖片尺寸backgroundurl圖片路徑 center top norepeat。

image寬度設(shè)為100%就行了，高度會(huì)自動(dòng)按比例縮放如果你想圖片鋪滿div而無(wú)視圖片長(zhǎng)寬比例，那么把image高度也設(shè)為100%就行了但是這樣image會(huì)變形，不推薦除非你確定圖片長(zhǎng)寬和div長(zhǎng)寬同比例。

2在兩個(gè)div中加入相同的圖片， 這個(gè)時(shí)候需要在img 類中加入css語(yǔ)句設(shè)置一下div的高度和寬度，以及div的邊框，然后就可以設(shè)置img的樣式了3最后設(shè)置img的樣式中圖片的高度為auto，寬度為100%，這樣就可以自適應(yīng)瀏覽器了。

因?yàn)閳D片設(shè)置了float之后就脫離了文檔流，可以理解為網(wǎng)頁(yè)是一層一層重疊起來(lái)的，而現(xiàn)在圖片和div不在一個(gè)層級(jí)了，所以div就覆蓋了圖片只需要在div上也加上float，讓div和圖片在同一層上，就ok了。

使html中div內(nèi)的圖片隨屏幕大小調(diào)節(jié)的操作方法為，將div與img的寬度都設(shè)置為100%，代碼如下lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot lthtml xmlns=quot ltheadltmeta。

原因?yàn)g覽器在解析我們頁(yè)面的時(shí)候，給這一串?dāng)?shù)字當(dāng)成一個(gè)單詞了，這樣就不會(huì)自動(dòng)切斷字符串而進(jìn)行換行方法用wordwrapbreakword和wordbreakbreakall 如 ltdiv style=quotwidth200pxwordwrapbreakwordword。