正文和 div 高度/溢出问题

Question

我正在使用 Vue.js 2.0 框架和一点 Bootstrap 3 开发一个项目。这个项目要求我在前端工作比我通常习惯的更多，所以我想知道这里有没有人可以让我对我似乎遇到的一些 CSS 问题有一些有用的见解。

项目可以在这里找到：http://rgmotorhomehire.com/project

如果你快速检查一下源代码，你可能会注意到 body 元素只是导航栏的高度，而我的各种“页面”的容器 div 实际上完全在父 body 元素之外。

我主要想知道的是：

• 如何通过 CSS 将 Body 强制为 100% 高度，以便正确包裹其子元素，然后我可以向 HTML 添加页脚。

请注意，我已经尝试过了：

html,
body {
   margin: 0;
   height: 100%;
}

但是，如果您自己在检查器中尝试此操作，您会注意到这会引入一个新问题，即 HTML 元素现在下方有一个空白区域。

整个场景让我有点失落和困惑。希望有人能告诉我是什么导致了我的问题。

注意：对于本文包含的任何无意义信息（包括此注释），我想提前道歉，我过去曾抱怨我的问题不够直接，但我已经尽力做到简洁明了，谢谢。

更新： 在这篇文章之后，我发现解决方案是在我的包装 div 上使用 clearfix，因为它们有 0 高度错误。这个帖子现在应该可以关闭了。我在这里找到了这个解决方案：http://www.jqui.net/tips-tricks/css-clearfix/

Answer 1

clearfix 是一个引导类。它清除了所有浮动属性。那是右还是左。

如果你有一个调用float left属性的div。

对于类 pull-right 有属性浮动权。所以对于下一个 div 我们要清除之前调用的所有浮动属性，所以我们调用 clearfix 它清除所有浮动属性。这样它就可以正常工作了。