元素共享寬度爲100％CSS

我喜歡使用多個共享父元素寬度的元素進行佈局。已經找到了解決方案：how-can-multiple-dynamically-sized-divs-share-100-width。問題是在這裏，我總是需要一些包裝元素像divs。只能通過輸入，按鈕元素等來實現此。元素共享寬度爲100％CSS

<form> 
    <button style="width: 20px;"></button> 
    <input style="width: 100%;" type="text"/> 
</form>

enter image description here

2014-01-05 MR.ABC

你可以顯示你正在處理的一些代碼嗎？ –

輸入和按鈕元件是內聯元素。

只需在它們上面添加display: block規則即可使width: 100%規則隱含。

塊級元素默認會繼承它們父級的寬度，並且會呈現爲一個在另一個之下。

對於一個形式，你可以使用這種代碼：

HTML

<form> 
    <input /> 
    <button /> 
</form>

CSS

form input, 
form button{ 
    display: block; 
}

2014-01-05 14:04:17

我可以將它們顯示爲表格單元格以獲得100％的共享內容，但它不起作用...它們需要嵌入表格單元格中。那就是我想避免的。 –

如果你總是希望他們有一個100%寬度，那麼你就可以使用

min-width: 100%;

2014-01-05 14:05:02

這不是我正在尋找。 –

回答