CSS怪异的固定位置的bug

我可能失去了一些东西小，但我有麻烦的时刻认定它：CSS怪异的固定位置的bug

我有具有以下DIV的文档在尾部

<div style="position:fixed; display:block; width:300px; height:100px; top:30px; left:30px; background:#333;"> 
    <textarea> 
     asdf 
    </textarea> 
</div> 
<canvas width="640" height="480"></canvas>

每当我在textarea中输入几十行文字时，当我退格时，我的固定位置会脱离钩子并将所有内容向右/向下推动大约250-350像素。请注意，当退格换行时，会发生这种情况。非常奇怪的错误（通过铬）。

来源

2012-10-08 MKN Web Solutions

'显示：块;'一般不会混那么好界定与宽度和高度，你应该使用'显示：inline-block的; '为正常，还是应该有一个'位置的工作：固定;'的组合，你应该报告到Chrome开发人员的错误，如果一个尚未报道，在此期间，我建议你试试其他positionings，或尝试包装你的textarea的其他一些元素 – xception

试图复制您的文档之外 - 穿上的jsfiddle也（对他人进行测试） –

上的jsfiddle现在 –

试试这个：（文本区域之间没有空格）

<div style="position:fixed; display:block; width:300px; height:100px; top:30px; left:30px; background:#333;"> 
    <textarea>asdfWhenever I enter a few dozen lines of text into the textarea, when I backspace my fixed positioning goes off the hook and pushes everything to the right/down about 250-350px. Note that this specifically happens when backspacing into a line break. Very weird bug (via chrome).</textarea> 
</div> 
<canvas width="640" height="480"></canvas>

来源

2013-05-05 12:55:03

CSS怪异的固定位置的bug

回答

相关问题