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

标签 html css drupal layout drupal-theming

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

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

谢谢

最佳答案

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

相关文章:

javascript - 在 Canvas 上绘制曲线

css - HTML5 语义标签替代品

Drupal 语言切换器不添加前缀

Javascript 模块模式和 Google Closure 编译器

drupal - 使用 theme_menu_tree() 为自定义菜单设置主题

javascript - 通过其子元素的数量改变父宽度?

javascript - 如何防止最右边的元素在悬停时跳跃?

javascript - 如何扩展 draft-js-emoji-plugin 的主题

html - "clear:right"是否影响左浮动元素?

html - preventDefault 和 stopPropagation 不允许更改 div 的 css 属性