如何将内容的子div的大小固定为父div？

Question

我在调整浏览器窗口大小时遇到​​了一些div大小问题。我希望子窗口总是保留在父div内，并在浏览器窗口调整大小时按比例缩小到父div。我想它应该是一个JavaScript，但我不知道究竟是哪一个以及如何使用它。任何建议将不胜感激！

tab_df.count()

Answer 1

为了能够影响父div，＃child2 应该是position: relative;，如下所示：

  #child2 {
    position: relative;
    top: 15;
    margin-top: 0;
  }

https://jsfiddle.net/eapo/1tkqsm5q/

Answer 2

尝试将两个孩子的样式更改为以下内容：

#child1 {
    left: 100px;  
    position:absolute;     
    width: 50%;
}

#child2 {
    position: absolute;
    right: 0;
    margin-right: 20px;
    text-align: right;
    width: 50%;
    margin-top: 15px;
    font-size: 1.5em;
}