Question

我正在使用Vue.js 2.0框架和一些Bootstrap 3进行项目。这个项目要求我在前端工作比我通常习惯的更多，所以我想知道是否这里的任何人都可以给我一些有用的见解，看看我似乎遇到的一些CSS问题。

如果您对来源进行快速检查，您可能会注意到，body元素只是导航栏的高度，并且容器对于我的各种＆＃39;页面＆＃39;实际上完全在父体元素之外。

我最想知道的是：

请注意我已经尝试过：

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

但是，如果你在检查器中自己尝试这个，你会注意到这会引入一个新的HTML元素问题，现在它下面有一个空白区域。

这整个场景让我失去了一点迷茫。希望有人在那里告诉我什么导致了我的问题。

注意：我想提前为本帖所包含的任何无意义的信息道歉（包括本说明），我过去曾抱怨我的问题不在直截了当，但我尽力做到尽可能清晰简洁，谢谢。

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

Answer 1

clearfix是一个bootstrap类。它清除所有浮动财产。这是对还是左。

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

对于类pull-right，

将属性浮动为右。因此，对于下一个div，我们要清除之前调用的所有浮动属性，因此我们调用clearfix它清除所有浮动属性。这样它工作正常。