从左到右，Col1 id为560px宽，10 px填充，中间列，250px宽，5px填充，Col3（siderbar）为200px宽，3px填充。背景coloR，无论任何列中的文本长度都应垂直拉伸相等。没有javascript（jQuery workarounds）来使它工作。它需要是CSS的纯语义标记。每列应该有一个嵌套的颜色列，内容将去。第1列应该是SEO prominant，这意味着Google和其他搜索引擎要抓取的最高嵌套列。我使用了“The Holy Grail”布局，“A List Apart”中的文章，这些解决方案是如此令人费解，以至于他们将主列向左推，而嵌套列则向右推填充。这很疯狂！我试着调整这些例子，但只能通过调整CSS或填充等宽度来编辑它们。你能帮助我吗？
答案 0 :(得分：0)
已知的解决方案很复杂，因为不幸的是，您所描述的内容在HTML5 / CSS3之前并不容易实现。它并不疯狂，它是最先进的。在A List Apart中开发和描述解决方案的人员是关于解决这些问题的权威行业专家。
我们拥有的最佳选择是使用JavaScript来计算列大小并在运行时进行布局，或者对纯CSS解决方案所需的手动调整感到满意。对于大多数网站，我建议使用JS，因为良好的列布局可以被视为“增强” - 垂直布局的语义标记仍然可读，并且SEO优化，并且启用JS的客户端可以progressively enhance标记为有一个漂亮的3列演示文稿。
如果您的网站面向公众并且具有典型的人口统计分布，那么您正在考虑使用JS启用约90％，其余10％习惯于网站不是很漂亮或看起来非常正确。