html - 没有内容时如何使边框消失？

我有以下边栏：

div.sphinxsidebar {
    margin: 0px 15px 0px 0;
    padding: 0;
    width: 210px;
    float: right;
    font-size: 1em;
    text-align: center;
    border: 0.2px solid #CCC;
    border-radius: 10px;
    background-color: #F7F7F7;
    }

该div中有一个包装器：

div.sphinxsidebarwrapper {
   padding: 0;

}

我看起来像这样：

----------------------------------------

| --------目录---------- |

----------------------------------------

我遇到的问题是，当该div变空时，边框看起来像这样：

----------------------------------------

因此，基本上，顶部边框与底部边框重合，并且边框仍然可见。

在这种情况下，如何使边框消失。

问题似乎在于边界的高度与之相关。因此，对于div而言，内容不是空的。

最佳答案

当您将div设置为空时，还将显示设置为无。

display:none;

关于html - 没有内容时如何使边框消失？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36577934/