读者 Blake 写信说
我正在尝试创建一个相当标准的 3 部分布局。 页眉需要高度为 75 像素，宽度为 100%。 在此下方，我需要一个 160 像素宽的边栏部分和一个填充剩余宽度的主要内容块。 到目前为止，相当标准……没什么太复杂的。 以下是无法正常工作的部分：我希望边栏和主要内容块填充屏幕的剩余部分，即使没有内容强制它。 同时，如果不需要滚动额外的内容，我真的很不想出现滚动条（所以，只是将底部 2 个 div 的高度设置为 100% 并且处理额外的 75 像素并不理想。 所以，本质上我需要的是类似于“min-height: 100% – 75px;”，但不幸的是，它不起作用。
我可以轻松地使用表格或框架来实现此布局，但我真的希望尽可能使用 100% 的 CSS 样式。 我搜索了你的档案和网络，但我似乎找不到使用 CSS 的不错示例。 如果你有任何建议，我将不胜感激。
本质上，Blake 正在努力解决的是“等高列”问题。 你可以拥有相对于其内容的元素，也可以设置静态高度。 无论哪种方式都不理想，尤其是当 Blake 只想“填充屏幕”时。
解决方案是“假列”。 简而言之，就是由于背景图像而看起来像列的列。 然后，只需将你的边栏设置透明背景，让它根据需要增长即可。
我为 Blake 准备了一个快速示例，如果有人想获取并查看，也可以下载它。 我没有遵循他的唯一说明是 75 像素的页眉。 设置这样的静态高度，当用户增加字体大小时会带来负面影响。 因此，我只是通过字体大小 / 边距 / 填充来接近它，现在它将根据需要扩展。
假列简直是救星……
现在要真正做到这一点，你如何让内容先出现在代码中，然后是边栏内容？
将你的 id RIGHT 右浮动，将你的 LEFT 左浮动。 我认为顺序并不重要。
类似于这样……
http://www.nerges.net/hosted/testing/two-column-sample/
是的，这将解决问题，感谢 Chris S.! 这样做的唯一缺点是主要内容区域的“流体宽度”。 在这种情况下，可能这样更好。
我想知道你是否可以将一个锚点（可能是一个隐藏的链接？？）作为第一个链接，它链接到主要内容 div 的主要标题。 我想知道这是否有助于 SEO？
那么如何添加页脚呢？
我真的很困惑，如果假列没有固定宽度怎么办？
是的，页脚怎么办？
ps。 我知道这篇文章有点晚了……
感谢很棒的文章:)