Flex的盒子孩子有高度的父

Question

以下的100％是我的菜单结构：

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

</ul> 

，你注意到了第二个菜单具有比其他兄弟姐妹不同的高度导致它的内容

所以采取alook在CSS

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

这将UL中显示为包含父“UL”的中心与项目方的菜单并排但遗憾的是不同高度
所以我怎么可以让孩子们利用Flexbox，就他们的父母的100％无添加像素中的自定义高度？

Answer 1

在ul> li上输入align-self: stretch。

退房样本：http://cssdeck.com/labs/full/nttaiab7/