Javascript 使纹理宽度适应其内容

我需要调整文本区域（“#覆盖”）的宽度以适应其内容。最小宽度应为100px：

'input #overlay': function(e) {
    var overlay = $('#overlay'),
        element = document.getElementById('overlay'),
        pos     = overlay.position(),
        width   = 100;

    if (element.scrollWidth > element.clientWidth) {
        var diff  = Math.ceil((element.scrollWidth - element.clientWidth)/20)*20,
            left  = pos.left - (diff/2);
            width = element.scrollWidth + diff;

        overlay.css({left: left, width: width});
    }

---

如果有一条长线，此代码用于扩展文本区域。但如果删除行中的某些字符，则不能使用它使其变小。

必须在if部分之前设置最小值：

overlay.css({ width: 100 });

然后，高度将始终适应所需的高度