DIV定位适用于Firefox但不适用于Chrome

时间:2011-01-24 21:11:10

标签: google-chrome html cross-browser css-position

我在this page上使用Chrome定位DIV时遇到问题。当我在红色DIV中输入文本时,它会向下移动(在Firefox中不会出现)。

This showswhy放入红色DIV之前的情况。

1 个答案:

答案 0 :(得分:0)

框的高度不考虑垂直对齐(可能是因为id和显示应用了高度:inline-block正在由类应用?)。要解决这个问题,只需添加vertical-align:top;到您的.box类。

顺便说一下,由于高度都是一样的,所以将它们放在容器div中以控制宽度并使用float:left;

可能更容易