css背景图缩放到div一样宽高 css如何设置图片大小自适应？

css如何设置图片大小自适应？

1.用dw编辑器建立一个静态页面。

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能不能实现左边div固定宽度，右边div自适应撑满剩下的宽度？

可以实现，方法也很多。

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

ltstyl: 100% }

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

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

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

。对{ background:#ff0 }

lt/stylegt

ltdiv classboxgt

固定宽度区域lt/divgt

我适应lt/divgt

lt/divgt

也可以在固定宽度区域使用绝对定位，在自适应区域设置边距，如。左{位置:绝对宽度:300px}

。右{ margin-l:300px}

不错:float和margin可以一起用。请你自己试试。

宽度 图片 类 页面

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。