<div style='width:50px;height:50px;'>

<img src=1.gif style='width:100%;height:100%'  />

</div>

补充woody.wu

固定了div的宽高后不用设置img标签的宽高属性亦可。

看你要怎么放了，一般有这么几中情况：

1：变形适应div的大小那么写法是<div style="width:50px;height:50px;"><img src="*.jpg" style="width:50px;height:50px"></div>或<div style="width:50px;height:50px;"><img src="*.jpg" style="width:100%;height:100%"></div>

2.只显示部分，多出部分不显示:<div style="width:50px;height:50px;overflow:hidden;"><img src="*.jpg" style="width:50px;height:50px"></div>

3.只设置图片的一个边的高或宽，让另一个边自动适应::<div style="width:50px;height:50px;"><img src="*.jpg" style="width:50px;"></div>或::<div style="width:50px;height:50px;"><img src="*.jpg" style="height:50px;"></div>

不知道这个对你有没有帮助！