适合整个div中的图片

Question

如何在整个div中制作合适的图像 当我用css创建一个div时，图片完全不适合它。 它会缩小。 一个图像目前的样子 http://img90.imageshack.us/img90/510/pictureframe.png

css part

#avatar{
padding:35px;
height:70px;
width:50px;
margin: 0px 0 0 0px;
background-color:red;
}

html部分

<div id="avatar">
<img src="/Avatar.png" style="width: 100%;" style="height: 100%;" alt="">
</div>

Answer 1

您正在使用2个样式属性，因此后者1将接管前1个，因此它只设置高度而不是宽度为100％

<img src="/Avatar.png" style="width: 100%; height: 100%;" alt="">

刚刚注意到你的CSS，你正在使用填充，这样可以让你的图像周围的红色背景可见

Demo