Question

这是一个非常简单的问题，但我似乎无法在任何地方找到答案。有没有办法通过使用百分数使嵌套div 100％的外部div？ div被动态插入到具有不同宽度的外部div中。现在我遇到的问题是它溢出了外部div。目前的css是这样的：

  .bottomDiv
   {
       overflow: hidden;
       height: 30px;
       bottom: 0px;
       left: 0px;
       color: red;
       position: absolute;
   }

div位于外部div的底部。任何帮助将不胜感激！

Answer 1

你可以这样做：

<div id="outer">
    <div id="inner">

    </div>
</div>

用这个css：

#outer {
    position: absolute ;
    width: 50% ;
    height: 50% ;
    }

#inner {
    position: absolute ;
    bottom: 0% ;
    width: 100% ;
    height: 10% ;
    }

Answer 2

好的，这是一个非常糟糕的提出问题，对于那些试图回答这个问题的人我感到非常抱歉。至于我解决这个问题，似乎在CSS上设置100％并不能解决这个问题，因为div在另一个内部并不“完全”。将div设置为绝对将使100％相对于正文而不是包装div。要解决这个问题，你需要一些动态附加div的JavaScript，然后将父宽度应用于孩子。

如果您遇到此问题，请尝试以下操作（这适用于多个div）：

  $(".outerDiv").each(function(){
        $(this).append("<div style='width:"+ $(this).width() +"px' class='slateExpand'></div>");
  });

使内部div成为100％的外部

2 个答案: