DIV定位在Firefox中可用但不是Chrome

Question

我在使用Chrome定位DIV时遇到问题this page。当我将文本输入到红色DIV中时，会将其移至下方（不会在Firefox中发生）。

This shows它是如何在将why放入红色DIV之前。

Answer 1

垂直对齐时不考虑框的高度（可能是因为高度是由id应用的，而display：inline-block正在由类应用）。要解决这个问题，只需添加vertical-align：top;到您的.box类。

顺便说一下，因为高度都是一样的，所以把它们放在容器div中来控制宽度并使用float：left;