这很难解释，所以让我给你一个链接：http://jsbin.com/izinoy/6/edit#html,live。 您可以轻松地看到不需要的行为：左侧导航栏下方的“六”框跳转，因为我应用了一个清除：左侧。
但显然我不希望这种情况发生。我不知道为什么会发生这种情况，因为导航没有浮动，所以为什么它会跳到导航下面？我怎么能“修复”这个呢？
编辑： 我的问题存在问题。我不知道这是怎么发生的： - /，但在问题中我说导航没有浮动，即使它是！这就是为什么漂浮对我来说没有意义。我忽视了这个“微小”的细节。是的，现在很明显为什么盒子“六”跳到导航下方。
答案 0 :(得分：2)
.box选择器定义float: left。此属性导致元素浮动。
关于clear:left，让我引用https://developer.mozilla.org/en/CSS/clear：
clear属性指定元素是否可以在旁边 在它之前的浮动元素或必须向下移动（清除） 在他们之下。
左 ：元素向下移动以清除左侧浮点数。
如果要垂直对齐所有框，请删除float: left。如果您不希望clear:left元素向下移动，请移除div。