輸入文本寬度來填充剩餘空間

我看到有類似的主題，但他們提供的解決方案並不適合我，因爲我在文本框和div之間還有另一個div，我想填充。輸入文本寬度來填充剩餘空間

我想「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的寬度填充據我所知，線上剩餘的空間廣告，沒有設置寬度，它應該自動填充父項，但它不適用於我的情況。

感謝

2013-11-04 alessiop86

一些隨機提示：總是把元素類型（=「文本」在你的情況）; CSS有一個未關閉的括號;標題應與主體分開，尤其是在使用浮動的情況下;也檢查CSS重置和'box-sizing：border-box;'爲了成功生活 –

CSS上的括號是清除代碼以將其放入jsfiddle時發生的錯誤！你的意思是「頭部應該與身體分離」嗎？ – alessiop86

由於您的標題（按鈕等）與主體（標籤和文本框）無關，因此您應該將它們分成兩個包含div的格式，以便能夠更好和單獨格式化它們，尤其是在浮動元素的情況下。這不是強制性的，只是暗示 –

我已經在這裏更新您的提琴：

的Descrizione不會填滿父，你有父的浮動。我在花車上添加了更高級別的換行。

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

，然後加入這個

div.label_e_campo input { 
width:100%; 
}

這是否對你的工作？

2013-11-04 15:46:27 Chris

它可以工作。我希望在輸入旁邊有標籤而不是上面的命中......我通過將float：left放在標籤上並將輸入寬度設置爲70％而不是100％來獲得此行爲。我的解決方案似乎不太乾淨，我希望它適用於所有普通瀏覽器。 – alessiop86

回答