Html 如何在CSS中设置垂直高度？

我需要为具有完整背景的正确元素提供垂直高度。我试着通过设置

身高：100%； 最高高度：100%

但元素只具有内容高度

.full\u容器{
高度：350px；
边框：1px实心#ddd；
}
.向左拉{
浮动：左；
}
.50{
宽度：50%；
}
.内联高度{
颜色：#fff；
填充：10px；
背景：#333；
}
.身高100{
填充：10px；
身高：100%；
最大高度：100%；
背景：#e8e8e8；
}

仅内容高度
我需要将此div元素高度显示为100%

尝试提供

.clearfix

a类

显示：flex

和

高度：100%

.clearfix {
  display: flex;
  height: 100%;
}

下面的例子

.full\u容器{
高度：350px；
边框：1px实心#ddd；
}
.向左拉{
浮动：左；
}
.50{
宽度：50%；
}
.内联高度{
颜色：#fff；
填充：10px；
背景：#333；
}
.身高100{
填充：10px；
身高：100%；
最大高度：100%；
背景：#e8e8e8；
}
.clearfix{
显示器：flex；
身高：100%；
}

仅内容高度
我需要将此div元素高度显示为100%

请参见： 我为

添加了
display:flex


*{
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
.满箱{
高度：350px；
边框：1px实心#ddd；
显示器：flex；
}
.向左拉{
浮动：左；
}
.50{
宽度：50%；
}
.内联高度{
颜色：#fff；
填充：10px；
背景：#333；
}
.身高100{
填充：10px；
身高：100%；
最大高度：100%；
背景：#e8e8e8；
}

仅内容高度
我需要将此div元素高度显示为100%