如何讓整個輸入文本框充滿整個div

Question

下圖，綠色是div，白色區域是文本框，我想讓文本框充滿整個div

誰能幫我？ 我將不勝感激。

Answer 1

如果div具有固定寬度，則將相同的寬度屬性添加到您的輸入（文本框）。 如果沒有，那么您可以將文本框的寬度屬性設置為 100%。

Answer 2

添加input{width:100%}; 到你的 css

http://jsfiddle.net/RachGal/p3qzvgvk/

Answer 3

將子寬度和高度設置為 100%

這是一個現場演示：

 div{ height:50px; width:300px; background-color:green;} div input{width: 100%;height: 100%;}

 <div><input type="text" name="test"></div>