input文本框宽度设置100%时越界的解决方法

解决方案 

 
 

  
  input{
 
 
 
 
    
  
  -webkit-box-sizing: border-box;
 
 
 
 
    
  
  -moz-box-sizing: border-box;
 
 
 
 
    
  
  box-sizing: border-box;
 
 
 
 

  
  }
 
 

具体的原因及分析

http://chayangge.com/2016/05/13/input%E6%96%87%E6%9C%AC%E6%A1%86%E5%AE%BD%E5%BA%A6%E8%AE%BE%E7%BD%AE100-%E6%97%B6%E8%B6%8A%E7%95%8C%E7%9A%84%E8%A7%A3%E5%86%B3%E6%96%B9%E6%B3%95/