플렉스 상자 아이들이 높이를

Question

다음 부모의 100 %를 가지고 나의 메뉴 구조입니다 : 당신이 두 번째 메뉴는 다른 형제와 다른 높이가 원인이 눈치

<ul> 
<li> menu 1</li> 
<li> menu 2<br/> description</li> 
<li> menu 3</li> 
<li> menu 4</li> 

</ul> 

콘텐츠의

그래서 CSS를

ul{ 
display:flex; 
flex-direction:row; 
flex-wrap: nowrap; 
} 
ul>li{ 
background-color:blue; 
border:2px solid red; 
} 

에서 alook을

이것이 함유 상위 'UL'의 중심 측에 의해 상품면 메뉴로서 UL 표시하지만 불행히도 첨가하지 않고 아이들 인 flexbox를 사용하여 상위의 100 %를 만들 수있는 방법
때문에 높이가 다른 것 픽셀의 맞춤 높이?

Answer 1

ul> li에 align-self: stretch을 입력하십시오. 샘플 밖으로

확인 : http://cssdeck.com/labs/full/nttaiab7/