我看到了一些类似的问题,但是还没有找到我正在寻找的答案.更多信息如下:
>我正在使用twitter bootstrap,所以我想要一个兼容的解决方案
>布局将看起来是like this.对不起,我无法嵌入图像,因为我需要10点.
> This与我迄今为止一样接近.问题是我不能让边栏停在页脚上.
>我将需要的主要内容与侧边栏扩展相同.
>侧边栏和主要内容是两种不同的颜色,大小不一.他们必须延伸到页脚
>请注意,最小高度必须为100%
>如果内容增长太多(即需要滚动查看),页脚应该移动
>我不想使用JavaScript,但如果需要,我不会介意一个解决方案,只要它逐渐增强与JS(我也使用jQuery).
>页面内容以固定宽度水平居中
解决方法
我想这可能是,你正在寻找:
two column layout
source.
主要思想是在< body>上设置高度:100%和< html>然后确保容器也占据所有高度(通过最小高度:100%).您可能会注意到该代码还包含IE6的解决方法,因为它原本是在打IE6的时候才是另一天的工作.
这是通过修改一些更复杂和更经常使用的holy grail layout source.