jquery - 使用 jquery 自动调整 div

Question

我有嵌套的 div 父 div 被命名为“rDiv”让我们只说结构 就像 -->

______________________________
|                             |
|                             |
|     [1]-child div1          |
|                             |<-[rDiv]-parent div  
|              [2]-child div2 |
|                             |
|_____________________________|

rDiv 是父 div，该 div 的子元素是 [1] 和 [2]。

我想做的是，当您单击子 div 时，它会自动适应父 div 的高度和宽度。

我在 JQuery 中尝试使用:

.css({width:,height}); 

但是它超过了父 div。

Answer 1

我不确定你需要什么。所以我创建了两个示例。
第一个使用 CSS position properties 将高度和宽度调整为相对于父 div 的 100%。
第二个利用 jQuery 的一些内部/外部宽度/高度功能。

http://jsfiddle.net/3Dtjw/