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

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

这对你有用吗？