javascript - 仅限 Firefox 的罕见故障 : textarea shifted

Question

我在我的网站上遇到了这种罕见且仅限 Firefox 的奇怪故障。

文本区域向左移动，但上面的输入仍然没问题。问题是，这个问题很少见且不可预测 - 并且总是在刷新页面后解决。

html代码:

<form class='std_form' method='post' action='/kontakt-proceed/'>
<p><label for='kontakt_email'>Ihre E-Mail</label>
<input type='text' name='kontakt_email' id='kontakt_email'/></p>
<p><label for='kontakt_msg'>Ihre Nachricht</label>
<textarea name='kontakt_msg' id='kontakt_msg' rows='5' cols='4' class='noedit'>
</textarea>
</p>
<p><input type='submit' value='Abschicken'/></p>
</form>

还有CSS:

.footer_left{
width:35%;
float:left; 
color:white;
}
.footer_left label {display:block;margin-top:-3px;font-size:10px !important;}
.footer_left textarea {height:60px !important;width:240px !important;}
.footer_left input {width:240px !important;}
.footer_left p{margin-bottom:-13px;}

提前致谢!

编辑:问题似乎在完全刷新 (CTRL+F5) 后出现，但也很少见。

Answer 1

对于您的 Textarea，您必须设置此 css:

#kontakt_msg{
  position:absolute;
  left:30px;
}

.footer-left{
  position:relative;
}