Html 担任家长的div'；s高度

我想在网站上展示我做过的最好的发型

当您将鼠标悬停在图像上时，它会提供有关每种样式的一些信息。悬停可以正常工作并显示出来，但即使我在informationdiv中将高度设置为100%，它也只占用文本所需的足够空间。我使用display:table在图像上垂直居中显示文本。当我将其更改为显示块时，它工作正常，但垂直居中是必须的。这是非常烦人的&在摆弄它两个小时后，我简直无法让它工作。请帮忙

div.post{
宽度：50%；
高度：自动；
位置：相对位置；
浮动：左；
}
部门信息{
显示：表格；
位置：绝对位置；
排名：0；
左：0；
右：0；
底部：0；
宽度：100%；
身高：100%；
背景：rgba（0,0,0,0.65）；
文本对齐：居中；
z指数：2；
不透明度：0；
}
div.post:hover.information{opacity:1！重要；}
部门信息{
颜色：#fff；
显示：表格单元格；
垂直对齐：中间对齐；
字体：11px/1.4“Gudea”；
字母间距：.3em；
文本转换：大写；
填充：0.5%；
}
部门信息h3{
字体：10020px/1‘古德’；
边距：0；填充：0；
字母间距：6px；
}
div.info hr{颜色：#fff；背景：#fff；边距：20px自动；}
部门形象{
浮动：左；
位置：相对位置；
z指数：1；
}
部门形象模拟发型{
宽度：100%；
身高：100%；
显示：块；
}

---

我想让信息分区的黑色背景占据照片的整个长度。

使用display:block而不是table

编辑： 只需使用包装器包装info div，并使用以下css：

display: table;
position: absolute;
height: 100%;
width: 100%;

---

它工作得很好：

编辑的目的是清理问题。若要开始寻址代码，您的标记无效。请参阅，以查看块级元素（如div等）不在

标记内。我从有效的标记开始，不担心谁在编辑你的问题。@leetylor，这很令人沮丧吗？如果你不打算回答我的帖子，因为它不是“完美的”，所以来我的帖子编辑它有什么意义？本网站旨在帮助人们理解他们无法理解的代码，而不是让你在语法或格式方面有点问题的英语课。我让你的问题变得更糟了吗？不，我帮助改进了它。“你为什么不向那些什么都没做的人抱怨呢？”@JamesCharlessDickinson。问题的关键也是让其他人寻求帮助，找到解决问题的办法。这是通过措辞恰当的问题来完成的。。。对于整个搜索引擎优化的事情…我回答了你的问题，你不喜欢这个答案，因为你需要一些你在问题中没有澄清的东西。不要与试图帮助你的人争论，而是要准确地说出你需要什么，人们就会帮助你。不过，我需要照片的“内部”文本垂直居中。然后澄清你的问题。这对我不起作用。。我不知道你是怎么做到的。还是没有working@JamesCharlessDickinson克里姆做到了

display: table;
position: absolute;
height: 100%;
width: 100%;