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

css如何設置圖片大小自適應？

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

2.用標題 "如何在css "。

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

4.將控制圖片的相同類名添加到兩個div的類中，并添加樣式來控制div的寬度。

5.將相同的圖片img src/添加到兩個div中，在瀏覽器打開頁面找到添加的圖片后，將原來的div全部覆蓋。

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

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

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

最簡單的方法是使用display:表，但它不兼容i:表

ltstyl: 100% }

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

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

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

。對{ background:#ff0 }

lt/stylegt

ltdiv classboxgt

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

我適應lt/divgt

lt/divgt

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

。右{ margin-l:300px}

不錯:float和margin可以一起用。請你自己試試。