html - 如何制作覆盖页眉但同时不覆盖页脚的 100% 高度的侧边栏

Question

我正在编辑 Drupal 主题，我试图弄清楚如何制作侧边栏，它会根据内容、覆盖页眉但同时不会覆盖页脚。有点难以解释，所以我画了一张图片-> http://i48.tinypic.com/hs2r9t.png

我已经使绿色区域 - 内容灵活，所以当我向其中添加文章时，它会拉伸并将页脚移动得更深。

谢谢

Answer 1

从未使用过 Drupal，但在 HTML+CSS 中，以下内容对您有用：

#sidebar { 
    float: left; /* push it to the left */
}
#header { 
    overflow: hidden; /* new block formatting context */
}
#content { 
    overflow: hidden; 
}
#footer { 
    clear: left; /* clear the float */
}​

jsFiddle 演示

如果您打算使用布局，则必须学习 HTML 和 CSS。