您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

flex-grow在列布局中不起作用

flex-grow在列布局中不起作用

代码中的所有内容都可以正常工作。

唯一的问题是 。因此,高度解析为auto,表示内容的高度。

flex-grow属性在容器中分配 可用 空间。容器中没有可用空间,flex-grow因此无关。

尝试对CSS进行此调整:

.analysis {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

这告诉flex容器是视口的高度。现在,容器的高度比内容容器的高度高,您会注意到flex-grow它正在工作。

其他 2022/1/1 18:15:08 有492人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶