css - 带有 textarea 溢出的 CSS 奇怪的固定位置错误

Question

我可能遗漏了一些小东西，但目前我无法弄清楚：

我有一个文档，尾部有以下 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>

每当我在文本区域中输入几十行文本时，当我退格时，我的固定位置就会脱钩，并将所有内容向右/向下推约 250-350 像素。请注意，这特别发生在退格到换行符时。非常奇怪的错误（通过 chrome）。

Answer 1

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

<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>