缺少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: ' '; 
} 

但是，爲什麼不使用min-height作爲Kolink建議？

編輯： 正如在評論中指出，該附加文本，因此該解決方案是使用Unicode表示爲逃脫序列：

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

Answer 2

CSS不允許你只需要添加內容的HTML標記。這將是錯誤的。

但是，你可以這樣做：

min-height: 1em; 

這將確保div總是至少一個行高，在沒有內容，因此沒有崩潰。