输入文本宽度以填充剩余空间

Question

我看到有类似的主题，但他们提供的解决方案对我不起作用，因为我在文本框和div之间有另一个div，我想填写。

http://jsfiddle.net/m4MWD/1/

我希望“Descrizione”输入文字填充右边的所有空格：我试图将宽度设置为100％

 <input style="width:100%" class="boxout" value="...." readonly="true" />

它填充了它的父div.label_e_campo，但不是我要填充的主div（div.dettaglio_ente boxfun）

我甚至无法拥有第二个（相对于“Descrizione”字段的那个）div.label_e_campo的宽度填充行中的剩余空间，据我所知，没有设置宽度应该自动填充父级，但在我的情况下不会。

由于

Answer 1

我在这里更新了你的小提琴：

http://jsfiddle.net/m4MWD/3/

Descrizione不会填写父母，因为你在父母身上有一个浮动。我已经添加了更高级别的浮动包裹。

#wrap1 {
float:left;
width:20%;
}
#wrap2 {
float:left;
width:78%;
margin-left:2%;
}

然后添加了这个

div.label_e_campo input {
width:100%;
}

这对你有用吗？