我有一个HTML表单,其中包含许多输入字段(文本和选择类型)。我将它们浮动排列,每行放置两个。在所有浏览器中(包括IE7),一切正常,但是由于某种原因,在IE8中,每当我单击任何一个字段或其标签时,该字段或周围的一个字段会垂直上下移动。然后,当我从框中点击离开时,位置会恢复正常,尽管然后可能会移动附近的另一个框。此外,并非所有文本框字段都存在此问题,而且单击相同的文本框并不总是会引起此问题。有什么想法吗?
display:block
有一个元素一直在跳来跳去,解决方法是把它固定住。希望这能帮到你。
input {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
display: block;
border-radius: 5px;
outline: none;
}
input:focus {
border: 2px solid salmon;
color: #333;
}
我认为你的结构与父级结构的CSS冲突了(可能是你使用了第三方插件,比如jQuery UI或其他),请确认一下,将冲突的代码剪切或复制到父级结构之外或body标签的开头。你会发现不同之处。
为了提供适当的帮助,我想要查看你的代码。 谢谢