如何让背景图片不重复填充在div中

1.使用background，不能改变图片的大小，只能直接放进去；

2.用img标签可以做到填充：<div><img src="..."></div>  ，div设好了width和height，img给height:100%;width:100%即可（图片有可能会失真）

拓展：填充好图片后，怎么可以在上面布局：

定义一个层在图片上，这里要用到定位——position<div class="divdemo"><img alt="" src="">   <span class="demo"></span></div>.divdemo{position: relative;}.demo{position: absolute;}