我看到了一些类似的问题,但是还没有找到我正在寻找的答案.更多信息如下:
>我正在使用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 举报,一经查实,本站将立刻删除。