-1

親 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;
                        }
            });

});

4

1 に答える 1

0

divのサイズを設定した場合、overflow: hiddenは意図した動作を実行し、divの外側にあるコンテンツをクリップします。

overflow: autoスクロールバーが表示されます

overflow: visibleはデフォルトであり、divが展開されます

于 2012-10-31T11:25:55.150 に答える