缩放浮动div不相对于其父级而没有位置:绝对

时间:2014-07-25 00:15:20

标签: javascript html css

enter image description here 我得到了dis:

" .each_one"除了" category_container"之外,每个小div都显示出来。哪一个是所有人的父母" each_one"的div。

我想使用相对于屏幕高度的百分比来缩放each_ones,但我想使category_container div仅缩放以成功包含所有each_ones(就像它现在一样)

换句话说,我只是想让每个孩子的身高都高一些。

我该怎么做?

1 个答案:

答案 0 :(得分:1)

您可以为height: 600px使用固定高度(例如.category_container)或绝对定位:

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

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

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