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

回答

相關問題