jquery - 当输入自动聚焦负载时 div 移动

Question

我已经为此苦苦挣扎了几个小时。

我已经尽可能地简化了我的问题。我在表单中有一个 div，它的左边距与表单的宽度相同，并且表单隐藏了溢出(我想隐藏 div)。如果我在加载后将焦点放在表单的第一个输入上，就会发生一些奇怪的事情。 div 似乎以表格为中心(使用 div 宽度 + div 左边距的总和)。我完全不知道它为什么会移动？除了完全改变的大纲之外，我看不到任何输入属性吗？

此处为实例:http://jsfiddle.net/fQurc/12/我添加了一个超时时间，以便您明白我的意思。

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

Answer 1

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

在这里 fiddle :http://jsfiddle.net/fQurc/37/

如果你需要使用一个不应该可见的输入框；我建议使用:

<input type="hidden" />

希望对您有所帮助!