오버플로 : 자동; flexbox 내 (새 사양)

Question

디자인을 새로운 flexbox 사양 (display: webkit-box; 대신 display: -webkit-flex;)으로 마이그레이션하려고합니다. 오버플로되는 컨테이너의 명시적인 높이를 설정하지 않으면 overflow: auto; 속성이 무시되는 것 같습니다.

근무 예 :

Implementation with old spec

Implementation with new spec

나는 완전히 아직 완료되지이 새로운 스펙을 뭔가 잘못하고, 또는이다 건가요?

Answer 1

반년 후 : 비슷한 문제로 고민하고 더 많은 버그이라고해야합니다.

불행하게도, 현재 버전 크롬 25도 도 사파리 6.0.2 아직이 사건을 처리한다.

비록 최신 크롬 27 카나리아 버전을 확인하면 거기에 고정되어있는 것을 볼 수 있습니다.

예제에 적용해야하는 유일한 코드 변경 사항은 하단 컨테이너의 height: 100%; 속성을 제거하고 해킹을 추가하는 것이 었습니다. 어떤 이유로 든 기본 하단 컨테이너에 min-height: 0;이 설정되었습니다. height: 0; 속성으로 대체 됨).

CodePen fork