Javascript 父和子分区大小

Javascript 父和子分区大小,javascript,html,css,Javascript,Html,Css,我有一个父母div和孩子div。子divs从2到10不等。在任何给定时刻,父div中都有2个子divs。但是可以添加第三、第四、第五个div 如何随着div的数量的增加和减少而增加和减少其高度和宽度?默认情况下,父div将随着其内容的增加而增加。我制作了一个简单的演示来演示这一点。如果父级没有增长,那么您可能有其他css规则来阻止这种增长 函数addchild(){ var parent=document.querySelector('.parent'); var div=document.c

我有一个父母
div
和孩子
div
。子
div
s从2到10不等。在任何给定时刻,父
div
中都有2个子
div
s。但是可以添加第三、第四、第五个
div


如何随着
div的数量的增加和减少而增加和减少其高度和宽度?

默认情况下,父div将随着其内容的增加而增加。我制作了一个简单的演示来演示这一点。如果父级没有增长,那么您可能有其他css规则来阻止这种增长

函数addchild(){
var parent=document.querySelector('.parent');
var div=document.createElement('div');
父、子(div);
}
.parent{
边框:2件纯黑;
}
.家长组{
高度:100px;
宽度:100px;
边框:2件纯蓝;
}
添加更多

如何增加和减少高度和宽度
-->以及您希望如何增加和减少高度和宽度?这个问题非常模糊,几乎没有意义。你试过什么?你尝试过的东西中有什么不起作用?什么是无效的?当前的结果是什么?期望的结果是什么?既然你似乎什么都没试过,我猜你会得到同样数量的答案。