无法隐藏高度或宽度为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

将overflow: hidden;添加到css中的div。