Html Flex div没有接受其父级'；全高

我已经查看了本网站上的其他问题，但没有任何帮助，这不是一个重复的问题。

我希望我的按钮在flex div中与媒体900px查询下的图像隔开。因此，我试图使我的div（包含按钮和图像）具有

高度：100%但这不起作用。总之，我需要我的子div有100%的父div，因此按钮在div的顶部，图像在最底部

最小高度
也不起作用



*{
框大小：边框框；
}
html，正文{/*删除所有默认边距和填充*/
保证金：0；
填充：0；
最小高度：100vh；
}
身体{
背景图像：url（/Component\1\-\1svg）；
背景重复：无重复；
字体系列：“阿拉塔”，无衬线；
背景色：#E5；
显示器：flex；
弯曲方向：立柱；
}
标题{
显示器：flex；
证明内容：中心；
对齐项目：居中；
高度：63px；
flex:063px；
背景：#009abc；
盒影：0px 4px 22px 4px rgba（0,0,0,0.32）；
}
.logoDiv:悬停{
背景图像：url（4KGIF.gif）；
背景尺寸：包含；
背景重复：无重复；
宽度：59px；
高度：59px；
}
.标志{
宽度：60px；
高度：60px；
}  
.徽标：悬停{
不透明度：0；
}
.content{
位置：相对位置；
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
证明内容：柔性端；
弹性：10自动；
} 
.waveContainer{
位置：绝对位置；
z指数：-1；
最大高度：100vh；
排名：0；
左：0；
右：0；
底部：0；
}  
#挥手{
位置：绝对位置；
z指数：-1；
} 
.flexParent{
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
宽度：100%；
最大宽度：1610px；
底部：0；
右边填充：10px；
左侧填充：10px；
垫底：10px；
z指数：1；
}
.联系{
宽度：300px；
高度：71px；
边界：无；
背景：#009ABC；
边界半径：18px；
边框样式：实心；
边框颜色：#ffffff；
字体家族：阿拉塔；
字体风格：普通；
字体大小：正常；
字体大小：30px；
/*线高：71px*/
文本对齐：居中；
字母间距：0.3em；
颜色：#ffffff；
}
.contactContainer{
z指数：2；
最大高度：500px；
/*背景颜色：黄色*/
}
.程序员{
最大高度：500px；
} 
#编程器{
最大宽度：100%；
高度：自动；
}
按钮：悬停{
光标：指针；
颜色：黑色；
边框颜色：黑色；
背景：#047f9b；
过渡：1s；
}   
按钮：激活{
填充：0；
}
按钮：焦点{
大纲：0；
填充：0；
}
p：：选择{
背景：#00bae2；
}
.upperTextContainer:：selection{
背景：#00bae2；
}
span：：选择{
背景：#000000；
}
/*MOZ选择MOZ选择MOZ选择MOZ选择*/
p:：-moz选择{
背景：#00bae2；
}
.upperTextContainer:：-moz选择{
背景：#00bae2；
}
span:：-moz选择{
背景：#000000；
}
.标题容器{
/*位置：绝对位置*/
显示器：flex；
弯曲方向：立柱；
最大宽度：900px；
高度：210px；
显示器：flex；
/*利润率：100像素*/
左边距：100px；
边际上限：10vh；
z指数：1；
}   
.lowerTextContainer、.upperTextContainer{
/*位置：绝对位置*/
证明内容：柔性端；
}   
.upperTextContainer{
字体大小：3.875rem；
填充：0；
保证金：0；
}
.lowerTextContainer{
字体家族：阿拉塔；
字体风格：普通；
字体大小：正常；
字号：1.875em；
颜色：#000000；
}
#打印，。打印{
显示：无；
可见性：隐藏；
}
/*第二页*/*第二页*/*第二页*/*第二页*/*第二页*/
#第二波{
位置：绝对位置；
z指数：-1；
}
/*移动支持*//*移动支持*//*移动支持*/
@仅介质屏幕和（最大宽度：900px）{
.content{
/*位置：相对位置*/
显示器：flex；
弯曲方向：立柱；
对齐项目：项目之间的间距；
证明内容：柔性端；
弹性：10自动；
}  
钮扣{
最大宽度：100%；
身高：100%；
}
.联系{
/*宽度：250px*/
/*高度：61px*/
边界：无；
/*边缘底部：70像素*/
背景：#009ABC；
边界半径：18px；
边框样式：实心；
边框颜色：#ffffff；
字体家族：阿拉塔；
字体风格：普通；
字体大小：正常；
字号：1.875em；
/*线高：71px*/
文本对齐：居中；
字母间距：0.3em；
颜色：#ffffff；
}
#编程器{
最大宽度：100%；
高度：自动；
}
.flexParent{
显示器：flex；
弯曲方向：柱反向；
证明内容：之间的空间；
对齐项目：居中；
宽度：530px；
身高：100%；
宽度：100%；
/*最大宽度：1610px*/
/*高度：650px*/
右边填充：10px；
左侧填充：10px；
垫底：10px；
} 
.标题容器{
/*位置：绝对位置*/
显示器：flex；
自对准：居中；
弯曲方向：行；
柔性包装：包装；
证明内容：中心；
对齐项目：居中；
宽度：自动；
高度：210px；
显示器：flex；
左边距：0px；
/*利润率：100像素*/
/*边缘顶部：150px*/
z指数：1；
}   
/*.lowerTextContainer、.upperTextContainer{
证明内容：中心；
对齐项目：居中；
}    */
.upperTextCon
flex: 1;