左边是完整的菜单，右边是两个内容窗格：DIV和CSS-only方法？

我正在尝试创建一个类似以下内容的简单网页：

我有三个div，如下所示：

<div class="leftNav">       
</div>
<div class="topPanel">          
</div>
<div class="bottomPanel">           
</div>

---

然而，最终结果看起来完全不正常。有可能用div和CSS创建这样的东西吗？

也许您需要将这三个div放在一个容器div中，并设置该容器的大小。请参见此处：

有几种方法可以做到这一点

只需添加以下内容，即可修复原始方法：

html，正文{
身高：100%；
溢出：隐藏；/*隐藏可能出现的任何滚动条*/
}

---

请参见：

是否希望三个

div一起填充视口？滚动条应出现在何处（如果有）？无滚动。“leftNav”应在左侧从上到下填充视口；顶部和底部面板应该分别从上到下填充屏幕的一半，在右侧。设置高度：html、body上的100%每次都能吸引人。实际上，你的想法是对的。除了“容器”已经存在-
html
和
body
。没错，只需指定html或正文的高度就足够了。更好的方式，节省不必要的div。干杯
.leftNav
{
    width: 20%;
    height: 100%;
    float: left;    
}

.topPanel
{
    width: 80%;
    height: 50%;
    float: right;
}
.bottomPanel
{
    width: 80%;
    height: 50%;
    float: right;
}