父母和子女的div大小

Question

我有一个父div和孩子div（s）。子div从2到10不等。在任何特定时刻，父div中有2个孩子div。但是可以添加第三，第四，第五div。

如果div s的数量增加和减少，如何增加和减少它们的高度和宽度？

Answer 1

默认情况下，父div将随其内容增长。我已经整理了一个简单的演示来证明这一点。如果父级没有增长，那么您可能有其他css规则阻止了这一点。

function addchild() {
  var parent = document.querySelector('.parent');
  var div = document.createElement('div');
  parent.appendChild(div);
}

.parent {
  border: 2px solid black;
}

.parent div {
  height: 100px;
  width: 100px;
  border: 2px solid blue;
}

<button onclick="addchild()">Add More</button>
<div class="parent">
  <div></div>
  <div></div>
  <div></div>
</div>