Html 如何使边栏100%的高度覆盖页眉,但同时不覆盖页脚

Html 如何使边栏100%的高度覆盖页眉,但同时不覆盖页脚,html,css,drupal,layout,drupal-theming,Html,Css,Drupal,Layout,Drupal Theming,我正在编辑Drupal主题,我正试图找出如何使边栏根据内容拉伸,覆盖页眉,但同时不会覆盖页脚。有点难以解释,所以我画了一张图片-> 我已经使“绿色区域”内容变得灵活,所以当我向其中添加文章时,它会延伸并将页脚移动得更深 感谢您从未使用过Drupal,但在HTML+CSS中,以下内容适用于您: #sidebar { float: left; /* push it to the left */ } #header { overflow: hidden; /* new block

我正在编辑Drupal主题,我正试图找出如何使边栏根据内容拉伸,覆盖页眉,但同时不会覆盖页脚。有点难以解释,所以我画了一张图片->

我已经使“绿色区域”内容变得灵活,所以当我向其中添加文章时,它会延伸并将页脚移动得更深


感谢您从未使用过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 */
}​

如果您计划使用布局,那么必须学习HTML和CSS