如何在100%的父块HTML上显示块？

有这样一个带有两个div元素的代码：

HTML:

<div class="item">
   <div class="hide"></div>
</div>

.item {
  position:relative;
  height:100%; // any height
}

.hide {
  position:absolute;
  height:100%;
  background:red;
  opacity:0.6;
  width:100%;
}

---

如何在父块的全宽和全高上显示

.hide

。未在px中设置固定高光您可以添加以下css规则。hide：

.hide {
  ...
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
}

---

到底是什么不起作用？我有一把小提琴，它可以很好地适应父元素的高度和宽度。除非.item有一个定义高度的父元素，否则100%的高度仍然只有0px高。但是如果这个块存在其他块，如何居中？要居中.hide块还是其他块？