div在输入自动聚焦于负载时移动

Question

我几个小时都在苦苦挣扎。

我尽可能地解决了我的问题。我在一个表单内有一个div，左边距与表单的宽度相同，并且表单有溢出隐藏（我想隐藏div）。如果我在加载奇怪的事情之后开始关注表单的第一个输入。 div似乎以形式为中心（使用div宽度+ div左边距的组合总和）。我不知道它为什么会移动？除了大纲完全改变之外，我看不到任何输入属性？

此处的实例：http://jsfiddle.net/fQurc/12/我已添加超时，以便您了解我的意思。

我真的很感激任何想法？感谢

Answer 1

这是由于浏览器强制输入字段进入视图，以便用户可以看到它。如果您将margin-left更改为250px以便可以看到该部分字段，您会注意到效果不会发生。

在这里小提琴：http://jsfiddle.net/fQurc/37/

如果您需要使用不可见的输入字段;我建议使用：

<input type="hidden" />

我希望这有帮助！

Answer 2

您的问题是表单上的overflow:hidden;

将其删除，输入不会移动：

http://jsfiddle.net/fQurc/23/