獲取輸入標籤覆蓋的div寬度的100％

我想寫覆蓋div的寬度的100％，並且寫了下面的CSS的輸入標籤：獲取輸入標籤覆蓋的div寬度的100％

input { 
    min-width: 100%; 
    padding: 10px 10px; 
    margin: 8px 0; 
    border: 1px solid #3EE514; 
    box-sizing: border-box; 
    color: #000; 
}

我都試過width和min-width在100％，但都沒有工作，當我設置一個像素值的輸入字段將增加大小。我如何更改CSS來覆蓋整個div？

感謝

來源

2016-09-18 HenryM

'最小寬度'應該與輸入字段一起工作。事實上，在一個基本的''字段中，您的代碼[完全按照原樣]（https://jsfiddle.net/jzs6sqa8/）。必須有別的東西導致這個問題。 –

你說得對。我有一張桌子裏的田野。愚蠢的啞巴累了 – HenryM

當你說width: 100%其採取的父元素的寬度。但是，如果家長沒有一個指定的寬度，那麼它採取簡單的0 :)

的100％，您既可以設置外div有像素的寬度第一，或做類似

html, body { 
    width: 100%; 
} 

.outerDiv, input { 
    width: 100% 
}

來源

2016-09-18 08:41:16 mavili

獲取輸入標籤覆蓋的div寬度的100％

回答

相關問題