Html 使div响应而不包含文本内容

我有一个场景，容器div将有很多子div，但没有一个div将有实际的文本内容。所有子div的宽度和高度都将在容器div的%中。现在，如果将容器div的宽度和高度放在px中，则它将显示在浏览器中。如果我将容器的宽度和高度也放在%中，则浏览器中不会渲染任何div。就像这个小片段

<div class="container">
    <div class="line1 line">
        <div class="item1">
        <div class="item2">
    </div>
    <div class="line2 line">
        <div class="item1">
        <div class="item2">
    </div>
</div>

如果我这样做

.container{
  width: 50%; //50% of browser screen width
  height: 60%;//60% of browser screen height
}   

然后在浏览器中不渲染任何div。有解决办法吗

对我有用：

---

正如@dominic-b-c所指出的，您可能需要设置

html，body{height:100%；}

。你有所有与身体相关的东西，而身体的高度是根据内容的高度来测量的。因此，请明确设置高度。

您的页面是HTML还是XHTML？Self-closing

div

标记不是有效的HTML。如何判断它是否在没有任何边框或背景的情况下工作？此外，可能需要将

主体设置为
高度：100%
，就好像未定义一样，它将假定为
auto
。渲染是什么意思？？你的意思是在使用firbug检查时显示的div是其他检查工具吗？50%是什么？如果家长没有身高规则和有效的价值，那将是零的50%：）@Fabricio Matté：对不起，结束div是个错误，我已经更新了。卡西夫R：是的，我的意思是，当我检查它们时，它们没有显示。谢谢。在html上设置High，body为100%解决了这个问题。
.container{
  width: 50%; //50% of browser screen width
  height: 60%;//60% of browser screen height
}