html - 如何制作高度为100％的边栏，使其覆盖页眉，但同时不覆盖页脚

我正在编辑Drupal主题，并且试图弄清楚如何使侧边栏根据内容，覆盖页眉进行拉伸，但同时不会覆盖页脚。 Kinda很难解释，所以我画了一个图像-> http://i48.tinypic.com/hs2r9t.png

我已经制作了绿色区域-内容灵活，因此当我向其中添加文章时，它将延伸并使页脚更深。

谢谢

最佳答案

从未使用过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 Demo

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

关于html - 如何制作高度为100％的边栏，使其覆盖页眉，但同时不覆盖页脚，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10362580/