Question

我有各种输入，我希望设置其父级的100％宽度 - 恰好是一个16px边框的DIV。

当我将输入边框设置为ZERO并且它的宽度设置为100％时 - 一切都很好。第二个我为输入添加了填充或边距 - 该边界控制了该死的边缘。

如果我在DIV中包装输入并在选择控件时提供填充/边距（在Chrome中）INPUT获得一个焦点矩形并且看起来很荒谬......

在CSS中实现这一目标的方法是什么？

亚历

Answer 1

input {
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
}