我正在嘗試制作一個簡單的 html div，其邊框與文本區域一起擴展和收縮。我設法編寫了所需的 js 代碼來做到這一點，但我總是在 2 個元素之間（在它們展開時在它們的默認位置處）出現大約 2-3 個像素的小間隙*。有什么想法如何解決它嗎？*代碼片段中似乎沒有間隙，但當我在 chrome、FF 和 Edge 中嘗試時有間隙。證明：<html><body> <div id="small-box"></div> <textarea id="textarea" onmousemove="resizeBoxWidth()"></textarea> <style> #small-box { font-size: 30; text-align: center; line-height: 3.5; top: 40px; left: 40px; width: 450px; height: 100px; border-color: black; border-style: solid; border-width: 3px; position: absolute; } #textarea { min-height: 100px; max-height: 100px; border-width: 3px; border-color: black; top: 150px; left: 40px; width: 450px; height: 100px; position: absolute; } </style> <script> function resizeBoxWidth() { var smallBox = document.getElementById("small-box"); var textarea = document.getElementById("textarea"); smallBox.style.width = textarea.style.width; } </script></body></html>
為什么 textarea 和普通 div 邊框的寬度存在差異？
呼如林
2023-07-20 11:05:08
