图片宽度自动调整到DIV的宽度

 

<style type="text/css">
<!--
#pic{
  margin:5px auto;
  width:500px;
  padding:0;
  border:1px solid #333;
  word-wrap:break-word;
  word-break:normal;　　
  }
#pic img{
max-width:200px;
width:expression(document.body.clientWidth > 500?"500px":"auto" );
max-width:500px;
display:block;
border:0
}



</style>

 

 

<div ID="pic">
    <img src="1.jpg" />
</div>