获取输入标记以覆盖100％的div宽度

Question

我尝试编写一个覆盖div宽度100％的输入标记，并编写了以下CSS：

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

我已经尝试了100％的width和min-width但是当我设置像素值时输入字段的大小也会增加。如何更改CSS以覆盖整个div？

由于

Answer 1

当你说width: 100%它取父元素的宽度时。但是，如果父级没有指定的宽度，那么它只是取0的100％：）

您可以先将外部div设置为宽度（以像素为单位），或者执行类似

的操作

html, body {
    width: 100%;
}

.outerDiv, input {
    width: 100%
}