css如何設(shè)置圖片大小自適應(yīng)？1.用dw編輯器建立一個(gè)靜態(tài)頁(yè)面。2.用標(biāo)題 "如何在css "。3.添加兩個(gè)div到身體，設(shè)置寬度，可以 t be，并將類設(shè)置為div1和div2，以便用相同的css

css如何設(shè)置圖片大小自適應(yīng)？

1.用dw編輯器建立一個(gè)靜態(tài)頁(yè)面。

2.用標(biāo)題 "如何在css "。

3.添加兩個(gè)div到身體，設(shè)置寬度，可以 t be，并將類設(shè)置為div1和div2，以便用相同的css控制圖片的寬度，并在不同寬度的容器中很好地顯示。

4.將控制圖片的相同類名添加到兩個(gè)div的類中，并添加樣式來(lái)控制div的寬度。

5.將相同的圖片img src/添加到兩個(gè)div中，在瀏覽器打開(kāi)頁(yè)面找到添加的圖片后，將原來(lái)的div全部覆蓋。

6.這時(shí)候我們就需要在img類中加入css語(yǔ)句來(lái)限制圖片的寬度，讓他適應(yīng)容器的寬度。img img { width : 100%；height CHO 3-@ . comauto }

css能不能實(shí)現(xiàn)左邊div固定寬度，右邊div自適應(yīng)撐滿剩下的寬度？

可以實(shí)現(xiàn)，方法也很多。

最簡(jiǎn)單的方法是使用display:表，但它不兼容i:表

ltstyl: 100% }

。方框{ display:表width: 100% }

。左，。右{ display:表格單元格h: 100% }

。左{ width: 300 px background: # f00 }

。對(duì){ background:#ff0 }

lt/stylegt

ltdiv classboxgt

固定寬度區(qū)域lt/divgt

我適應(yīng)lt/divgt

lt/divgt

也可以在固定寬度區(qū)域使用絕對(duì)定位，在自適應(yīng)區(qū)域設(shè)置邊距，如。左{位置:絕對(duì)寬度:300px}

。右{ margin-l:300px}

不錯(cuò):float和margin可以一起用。請(qǐng)你自己試試。