Html CSS-设置父项'；s高度为0，但子div仍显示

我想制作一个简单的动画来显示和隐藏组件

#父级{
高度：0px；
}

这是一些内容

将溢出隐藏属性添加到父对象。通过这种方式，溢出被剪裁，其余内容将不可见（在主题高度为0的情况下，剩余内容也将为0）

---

添加

溢出后：隐藏
在子
DOM
中写入的任何内容都将消失


#父级{
高度：0px；
溢出：隐藏；
}

这是一些内容。。
这是一些内容。。
这是一些内容。。
Set overflow:hidden to parent container。是否希望子组件按父级高度增长？@adeebasheer:不太希望。我只想当父母身高为0时，孩子也应该不可见。谢谢！简单而有效。我能再问一些吗？这样孩子仍然在消耗页面的空间，如何使它不消耗空间？你能给一个plunker链接或一张截图吗？谢谢你，用这个小提琴：它按预期工作。所以也许我面临的问题与Angular2有关，它并没有像我预期的那样起作用。无论如何，非常感谢你。在这个棱角分明的2号弹球里。我想切换隐藏和显示组件，但它似乎没有按预期工作？你知道原因吗？先谢谢你。
#parent {
  height: 0px;
  overflow: hidden;
}