css – Flex柱高:100vh高度容器内100%

见这
fiddle.

我有一个flex-layout的flex布局:一个容器内的列,高度为100vh.我的flex布局容器(蓝色容器)必须占据主容器的整个高度(高度:100%).

鉴于此上下文,我想在视口高度太小而无法包含所有元素时避免右侧的flex元素溢出.

所以我希望所有的视口都是蓝色的,而蓝色内部的所有红色元素都留在了一列中.

我试图设置min-height:100vh,它适用于让我的所有项目都在列中,但是我的蓝色flex布局容器没有loger需要完整的100%高度.

我无法改变html结构.

最佳答案 在.search-form {…}中替换高度:100%;最小高度:100%;这样它就可以增长到100%以上.

Fiddle here

点赞