"text-align:right"在IE7上无法正常工作

Question

我有以下结构：

<div><input type='text'/><a></a></div>

Div是文本向右对齐，输入向左浮动。第一次输入是隐藏的。每当我让输入可见时，链接就会在IE7中向左移动。但在FF3中，链接保持不变。链接移动的原因是什么？我如何使它在IE7中保持不变？

这是小提琴。

Answer 1

Try，

.questionfooter a {
    float: right;
}

为了获得一致的结果，请使用float: left;作为输入，使用float: right作为链接。

Answer 2

对于IE7，请使用如下css。看起来你在使用display：none；输入以隐藏它。

.IE7 input {visibility:hidden;}