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;