Css 使用绝对定位和显示时Div未填充父级：表格

我正在使用一段代码将一个分区垂直居中于另一个分区内。在safari/chrome/etc（webkit）中，以下工作：

position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
display:table;

但在firefox上这不起作用，为什么会这样，我如何修复它

另外，我正在使用所有浏览器的最新版本

请检查我的小提琴，看看问题在起作用

尝试以下操作：

.parent div{
位置：相对位置；
宽度：300px；
高度：300px；
边框：2倍纯红；
}
.儿童组{
位置：绝对位置；
宽度：296px；
高度：296px；
边框：2件纯黑；
}

如果它能在Chrome/Safari上运行，我会感到惊讶。关键是必须明确指定

的

宽度

/

高度

（未替换的块级元素）。@HashemQolami为什么感到惊讶？只要父对象具有height@3rror404因为它不会将一个div垂直居中于另一个div内，但它会拉伸

div

以覆盖整个盒子的包含块，这就是我假设他在使用绝对定位时，如果标题

div未填充父对象，他会尝试做的事情。也许OP需要澄清哈希姆，是的，你是对的，我的问题并不完全正确，因为给出了我的例子。我正在使用display:table；在这个div和子div上，我使用display:table cell；垂直对齐：中间对齐；所以最终结果是垂直居中，我不知道，也不知道这个元素的高度