Html 如果没有内容，则隐藏边框

在div上，我设置了css：

div.class {border: 1px solid red;}

div绝对位于页面中央。问题是，即使没有内容，边界也会出现

---

如果没有内容，是否有任何css方法可以使边框不出现？

CSS3为这种情况定义了一个选择器。但它在IE8及更低版本中不起作用

div.class:empty { 
    border: none;
}

---

您最好的选择是在服务器端调整该选项，如果该div为空，则不显示该div。

如果该div可以包含与服务器响应相关的内容，您可以判断它是一个空响应还是一个填充响应，并相应地更改为display:none或display:block

在语义上似乎不太可能有一个没有内容的div。您是否可以仅在内容可用时才将div写入页面？@ascheer可以，但这肯定不是这种情况下的最佳做法。这取决于实际情况这也可以与：not组合使用