Question

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

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

rDiv是父div，该div的子项为[1]和[2]。

我正在尝试做的是这样当你点击子div时，它会自动适合父div的高度和宽度。

我在JQuery中尝试使用：

.css({width:,height});

但它超过了父母div。

Answer 1

我不确定你需要什么。所以我创造了两个例子第一个使用CSS位置properties将高度和宽度相对于父div调整为100％第二个使用jQuery的一些功能inner/outer width/height。

http://jsfiddle.net/3Dtjw/

Answer 2

试试这个

$('#div2').click(function() {
$("#div2").css('width',$("#div1").css('width'));
$("#div2").css('height',$("#div1").css('height'));
})

或更短

$('#div2').click(function() {
$("#div2").css({width:$("#div1").css('width'), height:$("#div1").css('height')});
})

使用jquery自动调整div

2 个答案: