我正在嘗試制作一個(gè)簡單的 html div，其邊框與文本區(qū)域一起擴(kuò)展和收縮。我設(shè)法編寫了所需的 js 代碼來做到這一點(diǎn)，但我總是在 2 個(gè)元素之間（在它們展開時(shí)在它們的默認(rèn)位置處）出現(xiàn)大約 2-3 個(gè)像素的小間隙*。有什么想法如何解決它嗎？*代碼片段中似乎沒有間隙，但當(dāng)我在 chrome、FF 和 Edge 中嘗試時(shí)有間隙。證明：<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
