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