缩放浮动div相对于没有位置的父级：绝对

Question

我发现：

“ .each_one”是显示的每个小div，但“ category_container”除外，后者是所有“ each_one” div的父级。

我想使用相对于屏幕高度的百分比来缩放each_ones，但我想使category_container div仅缩放以成功包含所有each_ones（就像现在所做的那样）

换句话说，我只是想让每个孩子div的身高更大一些。

我该怎么做？

Answer 1

您可以为.category_container使用固定的高度（例如， height: 600px ）或绝对定位：

.category_container {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

请注意，在这种情况下，父元素必须是<body>元素，或者它本身必须适合整个屏幕高度。

这是一个小提琴： http : //jsfiddle.net/nb4JZ/1/ 。