缺少CSS3属性，它是什么？

Question

有一个简单的CSS3黑客可以将 附加到div的内容，以防止它高度崩溃，无论它是否包含文本。我再也找不到了。

有人可以帮忙吗？

<div></div> <!-- nothing in it = will collapse -->

<div>&nbsp;</div> <!-- still nothing in it but with &nbsp; appended it won't collapse -->

<div>SOME CONTENT&nbsp;</div> <!-- "SOME CONTENT" is added via JS; -->

Answer 1

您可能在谈论:after和:before伪元素以及content属性。

#someId:after {
    content: ' ';
}

但为什么不像Kolink建议的那样使用min-height？

修改 正如评论中所指出的，这附加为文本，因此解决方案是将unicode表示用作转义序列：

#someId:after {
    content: '\0000a0';
}

Answer 2

CSS不允许您只向HTML标记添加内容。那是错的。

但是，你可以这样做：

min-height: 1em;

这将确保div始终至少有一行高，因此在没有内容时不会折叠。