"최소 높이" 백분율은 요소에 "display: flex"의 간접 상위 요소가 있는 경우에만 적용됩니다.

Question

왜 #inner 元素只有在 #main 得到 display:flex 규칙에 있어서만 높이가 있는지 이해할 수 없습니다.

내 코드는 다음과 같습니다. 으아아아 으아아아

제거하면 display: flex 规则 #inner 높이는 0:

이 됩니다.

으아아아 으아아아

한 가지 더. #inner 内部有一些内容时，其高度将被累加为 #main 키가 클 때.

스크린샷을 보세요

Answer 1

Flexbox와 관련된 stretch정렬 결과가 표시됩니다. 기본적으로 플렉스 항목은 늘어나서 다음 사항이 적용됩니다:

그래서 min-height 正在工作。如果更改对齐方式并保留 display:flex백분율을 사용하는 것은 효과가 없습니다

으아아아 으아아아