Question

我在父div中有一个父div和3个子div。父母和子女div的高度均为100％子div不按其内容扩展。子div有“溢出：隐藏”，因为我不想在子div中滚动条。我可以做些什么，以便随着内部强度的增加，儿童div扩大。

$(document).ready(function()
{

var focusDivId = 14，filesCount = 5; var tabid ='stTab - '+（Math.floor（Math.random（）* 10000））; $（ '身体'）追加（$（ ''））; $ tabs.tabs（ '添加'， '＃' + tabid，标签）; 对于（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;
                        }
            });

}）;

Answer 1

如果您设置了div的尺寸，overflow: hidden将执行其预期的行为并剪切任何位于div之外的内容。

overflow: auto将显示滚动条

overflow: visible是默认值，会导致div展开

div没有根据其内容的大小进行扩展

1 个答案: