html - 适合整个 div 中的图片

Question

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

CSS部分

#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，您正在使用填充，以便使红色背景在您的图像周围可见

演示