Html CSS和输入100%宽度

Html CSS和输入100%宽度,html,css,Html,Css,我有各种各样的输入,我希望设置它们的父级的100%宽度——这恰好是一个带16px边框的DIV 当我将输入的边框设置为零,宽度设置为100%时,一切都很好。第二步,我在输入中添加了填充或边距,这些该死的控件覆盖了边框 如果我将输入包装在一个DIV中,并在选择控件时以这种方式提供填充/边距(在Chrome中),那么输入将获得一个焦点矩形,看起来很可笑 在CSS中实现这一点的方法是什么 亚历克斯 input { box-sizing: border-box; width: 100%

我有各种各样的输入,我希望设置它们的父级的100%宽度——这恰好是一个带16px边框的DIV

当我将输入的边框设置为零,宽度设置为100%时,一切都很好。第二步,我在输入中添加了填充或边距,这些该死的控件覆盖了边框

如果我将输入包装在一个DIV中,并在选择控件时以这种方式提供填充/边距(在Chrome中),那么输入将获得一个焦点矩形,看起来很可笑

在CSS中实现这一点的方法是什么

亚历克斯

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