我有一个具有以下结构的站点：
<；div id=“header”></部门>；
<；div id=“main”>；
<；div id=“导航”></部门>；
<；div id=“content”></部门>；
</部门>；
<；div id=“footer”></部门>；
导航在左侧，内容div在右侧。contentdiv的信息是通过PHP拉入的，因此每次都不同
如何垂直缩放导航，使其高度与content div的高度相同，而不管加载哪个页面
对于家长：
显示：flex；
您应该添加一些前缀，http://css-tricks.com/using-flexbox/.
正如@Adam Garner所指出的，对齐项目：拉伸；这是不需要的。它的用法也适用于家长，而不是孩子。如果要定义子对象拉伸，请使用“对齐自我”
.parent{
背景：红色；
填充：10px；
显示器：flex；
}
.其他儿童{
宽度：100px；
背景：黄色；
高度：150像素；
填充：.5rem；
}
.儿童{
宽度：100px；
背景：蓝色；
}<；div class=“parent”>；
<；div class=“其他子项”>；
仅用于拉伸父对象
</部门>；
<；div class=“child”></部门>；
</部门>