div+css图片怎么随内容改变

今天美工用ps切好图导出html之后。虽然是DIV+CSS格式，但是都是由图片组成，并且宽度跟高度以及相对位置都是固定的。而我需要做一个动态的，内容会改变，但是图片的高度不会变，要怎么样才能解决，让图片高度随内容的改变而改变。请教各位高手帮忙解决哈

解决方案 »

  1.   

    CSS和DIV 都不变  把你的图片生成缩略图。/// <summary>
    /// 获取一个图片按等比例缩小后的大小。
    /// </summary>
    /// <param name="maxWidth">需要缩小到的宽度</param>
    /// <param name="maxHeight">需要缩小到的高度</param>
    /// <param name="imageOriginalWidth">图片的原始宽度</param>
    /// <param name="imageOriginalHeight">图片的原始高度</param>
    /// <returns>返回图片按等比例缩小后的实际大小</returns>
    public static Size GetNewSize(int maxWidth, int maxHeight, int imageOriginalWidth, int imageOriginalHeight)
    {
        double w = 0.0;
        double h = 0.0;
        double sw = Convert.ToDouble(imageOriginalWidth);
        double sh = Convert.ToDouble(imageOriginalHeight);
        double mw = Convert.ToDouble(maxWidth);
        double mh = Convert.ToDouble(maxHeight);    if (sw < mw && sh < mh)
        {
            w = sw;
            h = sh;
        }
        else if ((sw / sh) > (mw / mh))
        {
            w = maxWidth;
            h = (w * sh) / sw;
        }
        else
        {
            h = maxHeight;
            w = (h * sw) / sh;
        }    return new Size(Convert.ToInt32(w), Convert.ToInt32(h));
    }
      

  2.   

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript">
            window.onload = function(){
                document.getElementById("image").style.height=document.getElementById("div").style.height;
            }
        </script>
    </head>
    <body>
      <div id="div" style="width:200px;height:500px;">
        <img id="image" src="images/001.jpg" />
      </div>
    </body>
    </html>