如何使用Jquery使图像适合div

Question

目前，我的页面布局如下：

-----------------------------
Header (100%)
-----------------------------
|                   | Desc  |
|    unknown size   |       |  
|                   | 200px |  
|      Image here   |       |  
|                   |       |  
|                   |       |  
|                   |       |  
|                   |       |  
-----------------------------
Footer 100% height stick bottom
-----------------------------

那个布局的想法。当我调整高度或宽度时，唯一调整大小的是图像和它的div

但是我应该如何使用jquery或css存档？

我应该如何根据div的高度和宽度调整div中的图像？

http://www.msnbc.msn.com/id/35385037/ns/news-picture_stories/displaymode/1247/?beginSlide=1 像这样的东西，例如

Answer 1

var divElem = $("#yourdivid");
var ht = divElem.height();
var wdt = divElem.width();

$("#yourimageid").css({'height' : ht, 'width' : wdt});