html中input和select宽度不一致问题
其实一直遇到这个问题，每次都是调试，让它保持宽度一致，一直也不明白为什么，今天百度了下，终于明白了，记录下来。先说说box-sizing属性，它有两个值：
border-box，这个值表示元素的宽度是内容的宽度width+padding+border的宽度的和
content-box，这个值表示元素的宽度只是内容的宽度，
正因为input和select的box-sizing的默认值不同，所以导致了设置同样宽度，显示的不同，解决办法就是把box-sizing的值设置为一样的，如：
input, select {
box-sizing: content-box; // 这种你需要定义元素的padding和border想同，宽度才会一致。
}
input, select {
box-sizing: border-box; // 这种只需要定义width相同，宽度就会一致了。
}
页:
[1]