html图片自动适应盒子,图片尺寸自动适应div（div控制图片大小自适应）

全部代码：

htmlPUBLIC"-//W3C//DTDXHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

.picbox

{

width:200px; /*此处200为盒子的宽度*/

height:200px; /*此处200为盒子的高度*/

}

.picboximg

{

max-width:200px; /*  在IE7、FF等其他非IE浏览器下最大宽度为200px。但在IE6中无效。*/

max-height:200px; /*在IE7、FF等其他非IE浏览器下最大高度度为200px。但在IE6中无效。*/

height: 200px;

width:200px;

width:expression(document.body.clientWidth>200?"200px":"auto");/*当图片宽度大于200px，自动缩小为200px。在IE6中有效。

*/

height:expression(document.body.clientHeight>200?"200px":"auto");/*当图片高度大于200px，自动缩小为200px。在IE6中有效。*/

overflow:hidden; /*超出的部分隐藏，避免控制图片大小失败而引起的撑开变形*/

}