html - 使内部 div 100% 的外部

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

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

如果您遇到此问题，请尝试以下操作（这是针对多个 div 的）：

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

Answer 2

你可以做这样的事情：

<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% ;
    }