input 寬度設置

遇到問題: 當input寬度設置100%的時候會超出父容器範圍

 

原因:input默認寬度是content+sizing+padding

解決方法:設置box-sizing為border-box

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

 

ref