如何使整个输入文本框充满整个div

Question

下面的图表，绿色是div，白色区域是一个文本框，我想保持文本框中的整个div

谁能帮帮我？我将非常感激。

Answer 1

如果div具有固定宽度，则将相同的width属性添加到输入（文本框）。如果没有，那么您可以将文本框的宽度属性设置为100％。

Answer 2

将子宽度和高度设置为100％

这是一个现场演示：

＆＃13;

＆＃13;

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

div input{width: 100%;height: 100%;}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 3

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

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