css - 如何折叠一个空的 div？

Question

我有一个要用于动态内容的 div。当填充div的内容不存在时，我不想看到它。现在，我可以看到大约 5px 的框。即使我移除填充，我仍然可以看到大约 1px 的框。没有内容时如何去掉盒子？

#test {
border:1px dashed red;
font-size:16px;
margin:20px 0 0 0;
width:332px;
background-color:#eee;
padding:5px 0 5px 60px;
}

Answer 1

你可以在 CSS 中做:

 div#test:empty {
       display: none;
    }