获取输入标签覆盖的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％

回答

相关问题