确切地说，浮动的div会向下移动吗？

Question

为了澄清，默认情况下，使用bootstrap“column”div（当与容器/行类一起使用时）会发生同样的事情。但是，我不是在使用bootstrap，也不是在询问bootstrap。

假设我有三个div，全部向左浮动。在某些时候，在窗口调整大小时，最右边的div移动到最左边的div下面，好像使用了“clear：both”。

我读过无数文章，例如http://css-tricks.com/all-about-floats/以及所有关于父级水平崩溃的文章。我也在这里查看答案。我在任何地方都没有看到答案（甚至是问题）。示例（使显示端口极宽屏以查看问题）：

http://jsfiddle.net/bwzm5m5h/2/

它没有帮助，但我包括它表明我已经尝试过。真的很感激关于什么，确切地说，触发div下拉的一般规则。

编辑：Stackoverflow强迫我包含一些代码，忽略它：

code

Answer 1

这是一个秘密：如果你密切关注视口，你会看到你的元素开始向下扩展并出现一个滚动条。并且vw单位测量视口的宽度，因此它不响应滚动条带来的布局更改。
设置body { overflow:hidden }以查看它。

最快的解决方案：将您的.dataBox包装在一个容器中，使容器的宽度为100％，数据包的容量为33％

根据this article，由于浏览器如何在各自的平台上呈现滚动条，因此该问题应仅出现在Windows而非Mac上。 注意：vw单位与IE8-，Android 4.1,4.3＆amp; Opera Mini 8; IE9只支持vw，而不支持vmin和vmax。有关详情，请访问caniuse。

Answer 2

尝试this ...
如果设置此属性：

position: relative;
min-widht: 150px; 

当你的容器超过最小值时。 div大小，div转到第一个...我建议你添加一些规则来改变不同分辨率的css，以确保你的div类符合屏幕分辨率。

抱歉我的英语不好......