Html 浏览器使窗口的高度不够大，无法容纳我的元素

我正在努力学习一些html。我有一个简单的布局，我试图画一些框，但其中一个框的底部部分被画离屏幕。我以为浏览器会自动计算出高度

我可以通过在底部添加一些
来修复，以使页面的高度更大

混乱的布局如下所示：

固定布局如下所示：

---

首先，您缺少文档中的

DOCTYPE

和

标记！您不需要设置“html”标记的样式。