css – 如何使用twitter引导使多个列消耗100%的高度?

前端之家收集整理的这篇文章主要介绍了css – 如何使用twitter引导使多个列消耗100%的高度?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我看到了一些类似的问题,但是还没有找到我正在寻找的答案.更多信息如下:

>我正在使用twitter bootstrap,所以我想要一个兼容的解决方
>布局将看起来是like this.对不起,我无法嵌入图像,因为我需要10点.
> This与我迄今为止一样接近.问题是我不能让边栏停在页脚上.
>我将需要的主要内容侧边栏扩展相同.
>侧边栏和主要内容是两种不同的颜色,大小不一.他们必须延伸到页脚
>请注意,最小高度必须为100%
>如果内容增长太多(即需要滚动查看),页脚应该移动
>我不想使用JavaScript,但如果需要,我不会介意一个解决方案,只要它逐渐增强与JS(我也使用jQuery).
>页面内容以固定宽度水平居中

解决方法

我想这可能是,你正在寻找: two column layout source.

主要思想是在< body>上设置高度:100%和< html>然后确保容器也占据所有高度(通过最小高度:100%).您可能会注意到该代码还包含IE6的解决方法,因为它原本是在打IE6的时候才是另一天的工作.

这是通过修改一些更复杂和更经常使用的holy grail layout source.

猜你在找的CSS相关文章