如果让背景或者图片自适应宽度为100%的div？不变形

html
<div class="pic"></div>
css
.pic { float: right; width: 32%; height: 371px; overflow: hidden}

做成背景和图片那个好点？如何让他自适应这个容器而且不变形呢?