您可能会在父div中有一个div，它是父div的80%，然后设置宽度：文本框自动。听起来可能有点棘手。

我尝试让一个文本框根据需要增长，以适应输入的文本，最大可以达到父div宽度的80%。
我相当肯定这不可能只通过CSS实现，因为CSS无法确定textarea的文本内容的长度。
使用javascript，在每次按键时，您可以检查文本内容的长度，如果：

• 文本内容超过一定的按键次数;以及
• textarea的宽度仍然比最大允许宽度窄

则textarea可以递增地扩展。

• • 工作示例：**

var myTextArea = document.getElementsByTagName('textarea')[0];
var myTextLength = myTextArea.value.length
var myTextWidth = parseInt(window.getComputedStyle(myTextArea).width);
var myTextMinLength = 20;
var myTextMaxWidth = ((parseInt(window.getComputedStyle(document.body).width) / 100) * 80);

function checkTextLength() {
    myTextLength = myTextArea.value.length;
    
    if ((myTextLength > myTextMinLength) && (myTextWidth < (myTextMaxWidth))) {
            myTextWidth += 8;
        }
    
    myTextArea.style.width = myTextWidth + 'px';
}

myTextArea.addEventListener('keypress', checkTextLength, false);

textarea {
width: 180px;
height: 40px;
}

<form>
<textarea placeholder="Start typing..."></textarea>
</form>

嗯...试试这个：

display: inline-block;

我不太确定。如果能用就告诉我。