我有一个div容器，想在其中放置10个divs。
------------
||---||---|| <- container
|| 1 || 2 ||
||---||---||
||---||---||
|| 3 || 4 ||
||---||---||
||---||---||
|| 5 || 6 ||
||---||---||
||---||---||
|| 7 || 8 ||
||---||---||
||---||---||
|| 9 || 10||
||---||---||
------------
我希望这些divs是正方形，总是在2列中，我希望它们是父高度的20％。不得允许父div更改其width小于2内divs的总和，并且可以扩展（内divs必须附加到左侧）
我正在寻求与css的解决方案。
答案 0 :(得分：2)
您可以在css中使用calc();选项。
例如;如果您的包装div的高度为100%，则为100vh。你可以用它来设置内部divs的宽度和高度：
.innerdiv {
height: 20vh;
width: 20vh;
}