Css 为什么'；样式是否会根据div大小而改变？

我在内容可编辑的div上设置了一些样式。div可以调整大小，但当大小更改时，样式不会根据大小进行更改。 HTML:

---

以百分比表示宽度，这将有助于调整其大小。我不知道这是不是你的意思

   <div contenteditable="true" id="input"></div>

#input {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white;
    background-color: -moz-field;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;  
    font: -moz-field;
    font: -webkit-small-control;
    margin-top: 5px;
    padding: 2px 3px;
    width: 398px; 
    height:40px;
    resize:both;
}

#input {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white;
    background-color: -moz-field;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgray inset;  
    font: -moz-field;
    font: -webkit-small-control;
    margin-top: 5px;
    padding: 2px 3px;
    width: 80%; 
    height:40px;
    resize:both;
}