我一直在寻找这方面的教程一段时间，但遇到了一个问题。我有一个高度为 100 像素的固定页眉和高度为 50 像素的固定页脚的布局。在我的内容中，左侧有一个 200 像素宽的菜单，右侧的内容填满了屏幕的其余部分。我的页眉、页脚和菜单都有适用于背景颜色和边框的样式。
我想要的是让我的页脚保持在窗口的底部，或者如果内容较长，则在我的内容的底部。我希望菜单与内容的高度相同，以便我应用的样式保持不变。我得到的要么是因为内容比菜单短，所以页脚粘在内容的底部，或者是菜单底部和页脚顶部之间存在间隙。
我找到的每个教程都解决了这个问题，但要求菜单没有背景（它从<body>标签中获取背景样式。正如我所说，我应用的样式附加到菜单上。有没有办法解决这个问题？
更新：我的来源可以在http://jsfiddle.net/53SZd/3/找到。这就是我现在所拥有的（如果浮动引起各种头痛，我深表歉意），但如果有办法让它看起来像我想要的那样，我非常愿意接受建议。
更新2：我认为我的解释方式是错误的。我已将一些我想要的图片上传到我的 Google 云端硬盘，这些图片应该可以解释我想要什么。
虽然我真诚地感谢我在这里得到的帮助，但总会出现一个警告。非常感谢 Waz 的帮助，我真的很感激，但我在每个答案中都遇到了一个或另一个问题。没想到达到我想要的效果竟然这么难-_-”