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相同，宽度就会一致了。
}

有关PHP系统、Discuz或网站等各种问题，可以联系QQ1069971363寻求付费支持