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

Question

下面的图示中，绿色部分是 div，白色区域是文本框，我希望文本框能够充满整个 div。

谁可以帮我？我会非常感激。

- wanghao

---

你能给一下你现在用的CSS代码吗？ - Callan Heard

可能会很有用，如果您发布一小段代码片段，以便我们进行审查。 同时请包含生成该框的HTML、其父元素以及影响它们的CSS。 - Mike Horstmann

Answer 1

如果 div 有固定的宽度，那么在你的输入框（文本框）中添加相同的宽度属性。如果没有，则可以将你的文本框的宽度属性设置为100%。

- cs.matyi

Answer 2

将 input{width:100%}; 添加到你的 CSS 文件中。

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

- Rachel Gallen

---

如果您有多种类型的输入，则使用input[text]{width:100%;}。 - Rachel Gallen

Answer 3

设置子元素的宽度和高度为100%。

这里有一个实时演示：

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

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

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

- Luthando Ntsekwa