微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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.

原文地址:https://www.jb51.cc/css/214183.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。