Html 垂直对齐在一个div中，在h1周围没有空间

我必须让我的内容div垂直居中于我的标题div，我也不需要在内容div周围留出空间，因为我确实让它工作了，但每次它都会占据100%的宽度。这是我的密码

#标题{
位置：绝对位置；
宽度：100%；
身高：15%；
背景色：白色；
z指数：10；
溢出：隐藏；
显示：表格；
}
#内容{
显示：表格单元格；
溢出：自动；
垂直对齐：中间对齐；
填充：0px；
边际：0px；
浮动：左；
}
h1{
显示：内联块；
边际：0px；
}

贾里·仁格林

使用

显示：flex

和

对齐项目：在
#标题上居中

这就是你要找的吗


#标题
{
位置：绝对位置；
宽度：100%；
身高：30%；
背景颜色：绿色；
z指数：10；
溢出：隐藏；
显示器：flex；
对齐项目：居中；
}
#内容
{
溢出：自动；
垂直对齐：中间对齐；
填充：0px；
边际：0px；
浮动：左；
}
h1
{
显示：内联块；
边际：0px；
}

贾里·仁格林
使用
显示：flex
和
对齐项目：在
#标题上居中

这就是你要找的吗


#标题
{
位置：绝对位置；
宽度：100%；
身高：30%；
背景颜色：绿色；
z指数：10；
溢出：隐藏；
显示器：flex；
对齐项目：居中；
}
#内容
{
溢出：自动；
垂直对齐：中间对齐；
填充：0px；
边际：0px；
浮动：左；
}
h1
{
显示：内联块；
边际：0px；
}

贾里·仁格林
不确定这是否是您想要实现的目标：


使用

不确定这是否是您想要实现的目标：


使用

删除内容中的左侧浮动


显示块中的Float transform youre元素覆盖显示表单元格的上一个声明。
删除内容中的Float left


显示块中的Float transform元素覆盖显示表单元格的上一个声明。
只需删除Float:left；从content div开始，将垂直对齐。因为浮子将滤芯从正常的滤芯流动中提起。可能这个链接可以帮助你垂直居中div，只需删除float:left；从content div开始，将垂直对齐。因为浮子将滤芯从正常的滤芯流动中提起。此链接是否有助于垂直定心div
display: inline-block;

#content
{
    display: table-cell;
    overflow: auto;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
}