无法隐藏高度或宽度为 0px 的内部元素

Question

我想使用 div 的宽度或高度来切换它。但是当我将其宽度设置为 0 时，它的内部元素是可见的。那么，如何实现这种切换宽度的功能呢？

js小提琴

a {

  display: block;

}

div {

  width: 100%;

  background: black;

  color: orange;

}

div {

  width: 0;

}

<div>

  <p>This is a para</p>

</div>

Answer 1

在 css 中添加overflow: hidden;do&nbsp;div。