澄清一下，默认情况下， Bootstrap “列”div 会发生完全相同的事情(当与容器/行类一起正确使用时)。但是，我没有使用 bootstrap，也没有询问 bootstrap。
假设我有三个 div，都向左浮动。在某些时候，在调整窗口大小时，最右边的 div 移动到最左边的 div 下方，就好像使用了“clear:both”一样。
http://css-tricks.com/all-about-floats/等文章我读了无数以及关于父级水平折叠的所有内容。我也查看了这里的答案。我在任何地方都看不到答案(甚至问题)。示例(使显示端口极宽屏幕看问题):
http://jsfiddle.net/bwzm5m5h/2/
它没有帮助，但我将它包括在内以表明我已经尝试过。非常希望能有一个关于究竟是什么触发 div 下拉的一般规则。
编辑:Stackoverflow 强制我包含一些代码，忽略它:
code
最佳答案
这里有一个 secret :如果您密切注意视口(viewport)，您会看到您的元素开始扩展到底部并出现一个滚动条。而 vw 单元测量视口(viewport)的宽度，因此它不会响应滚动 strip 来的布局变化。
设置body { overflow:hidden } 来检查它。
最快的解决方案:将您的 .dataBox 包裹在一个容器中，给容器 100% 宽度，数据框 33%
根据 this article ，由于浏览器在各自平台上呈现滚动条的方式，该问题应该只出现在 Windows 而不是 Mac 上。
注意:vw 单元不兼容 IE8-、Android 4.1、4.3 和 Opera Mini 8；而IE9只支持vw，不支持vmin和vmax。更多信息，请访问 caniuse .
关于html - 究竟什么时候 float 的 div 会向下移动？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27995403/