爲什麼不按照div大小改變樣式？

Question

我在內容可編輯div上設置了一些樣式，div可調整大小，但樣式不會根據大小更改時的大小進行更改。 HTML：

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

CSS：以百分比

#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; 
} 

Answer 1

給寬度，這將有助於它調整。不知道那是什麼意思。

http://jsfiddle.net/8xRZv/

#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; 
}