Html 如何使用div实现垂直液体布局

我的网站有三个组成部分：

• 横跨屏幕宽度的固定高度标题
• 左侧标题下的固定宽度导航，跨越屏幕的剩余高度
• 导航右侧的内容区域，它占用所有剩余空间

我了解如何实现液体布局的水平方向，使导航保持固定，而内容区占据剩余宽度，但我不明白如何实现液体布局的垂直方向，以使导航和内容区域占据至少剩余的高度，最多占据其内容的高度（假设这比屏幕高减去页眉高度）

---

可以使用div吗？

是的，可以。看一看，还有我以前的经历。

给你：

---

通常有两种方法。一种方法是将高度和宽度设置为100%，另一种方法是通过绝对位置进行拉伸，并使其从两侧保持固定长度。

这样做确实让我很接近-但请查看在.wrapper div中填充大量内容时会发生什么。一旦它变得足够高，它就会在页脚上写下：-（悲伤接踵而至@糞_爺 - 你有链接吗？如果有，我会看一看。我自己没有这个问题。我们在上使用此技术，没有任何问题。再次查看后，我发现它在他的网站上运行良好，因此我只需找出我的使用与他的不同之处。谢谢你的提议。