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

时间:2011-11-14 20:44:32

标签: jquery html css

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

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

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

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

2 个答案:

答案 0 :(得分:1)

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

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

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

<input type="hidden" />

我希望这有帮助!

答案 1 :(得分:0)

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

将其删除,输入不会移动:

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