引导容器中高度为100%的内容

Question

我需要帮助与css，html

我如何能得到这样的效果：布局

1. Header=Boostrap导航栏（50px高度）
2. 容器=所有站点和中心内容的灰色背景
3. 左栏=菜单宽度220px
4. 右列=白色背景和100%高度的内容
5. 页脚=粘页脚（高度：50px）

到中心我使用：

<div class="container">

但我有100%的高度内容和粘性页脚的问题。

Answer 1

您需要这样做：Twitter引导：100%高度的容器中的div

html, body {
    height: 100%;
}

.container { 
    min-height: 100%;
    height: 100%;
}

Answer 2

你应该把你的css和html放在这里，这样任何人都可以很容易地推荐你。

对于粘性页脚，您需要将其位置设置为绝对，并将主div的位置设置为相对。

喜欢：

html, body {
    height: 100%;
    min-height: 100%;
}

.container { 
    min-height: 100%;
    height: 100%;
    position: relative;
}

.footer
{
    height: 20px; //according to your requirement
    position: absolute;
    bottom: 0px;
}