在将divs嵌套在100％高度时遇到问题。它发生在页脚不是我想要的那么远的地方，它仍然在父div的底部之上。
我已经复制了发生在我身上的事情，这就是我想要的。
html,body,.container-main,main,main > .container-fluid{
color:#fff;
height:100%;
}
http://jsfiddle.net/Cazs/wkwa73b9/
但始终使用divs处于100％高度
http://jsfiddle.net/Cazs/ah56LLxe/
我着色并给出了布局结构，以便更清楚地看到我想要的内容，我希望你明白我想要的是main内的每个div都是100％高度而页脚保持在底部父div
答案 0 :(得分：0)
我相信你正在努力实现这样的目标DEMO如果你打算使用bootstrap，你正在构建的整个结构将会改变。如果您打算使用bootstrap，您应该提前做出决定。我建议从你的HTML中删除所有不起作用的类，因为它会引起混乱。
html,body,.container-main,main,main > .container-fluid{
color:#fff;
height:100%;
}
我个人不会使用上面的代码，因为我通常会尝试将body, html分开来防止混淆。
修改
这是一个小提琴，演示了如何通过一些jquery DEMO 2来完成你想要的东西。
这是一个小提琴，展示了如何仅使用包含表属性的css来完成类似的事情。 DEMO 3