親 div と、親 div 内に 3 つの子 div があります。親 div と子 div の両方の高さが 100% 子 div は、そのコンテンツに従って展開されていません。子divにスクロールバーが必要ないため、子divには「overflow:hidden」があります。内部のコンテンツのサイズが大きくなるにつれて子 div が拡大するようにするにはどうすればよいですか。
$(document).ready(function()
{
var focusDivId=14, filesCount=5; var tabid = 'stTab-'+(Math.floor(Math.random()*10000)); $('body').append($('')); $tabs.tabs('add','#'+tabid,label); for(i=0;i'+(i+1)+'');
}
$.ajax({
async: false,
type: "GET",
url : "00014.html",
dataType: "html",
success : function(text){
// alert("addedFirst");
$('#div_'+(focusDivId)+'_parent').css({display:'block'});
$('#div_'+(focusDivId)+'_parent').append('<div id="div_'+(focusDivId)+'_child" style="overflow:hidden;display:block;height:100%;width:100%;"></div>');
$("#div_"+(focusDivId)+"_child").append(text);
},
error: function(text) {
alert ("Inside Error Block: Loc 101");
return false;
}
});
$.ajax({
async: false,
type: "GET",
url : "00013.html",
dataType: "html",
success : function(text){
$('#div_'+(focusDivId-1)+'_parent').css({display:'block'});
$('#div_'+(focusDivId-1)+'_parent').append('<div id="div_'+(focusDivId-1)+'_child" style="overflow:hidden;height:100%;width:100%;"></div>');
$("#div_"+(focusDivId-1)+"_child").append(text);
},
error: function(text) {
alert ("Inside Error Block: Loc 101");
return false;
}
});
$.ajax({
async: false,
type: "GET",
url : "00015.html",
dataType: "html",
success : function(text){
$('#div_'+(focusDivId+1)+'_parent').css({display:'block'});
$('#div_'+(focusDivId+1)+'_parent').append('<div id="div_'+(focusDivId+1)+'_child" style="overflow:hidden;height:100%;width:100%;"></div>');
$("#div_"+(focusDivId+1)+"_child").append(text);
},
error: function(text) {
alert ("Inside Error Block: Loc 101");
return false;
}
});
});