我正在尝试制作一个简单的 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>
大话西游666
元芳怎么了
相关分类