在重構頁面的時候，總會有個困擾，就是input和select的寬度預設不同，input總是比select長那麼一點。如下圖：
然後我們就開始各種調節width，但是一點變化都沒有。這是為什麼咧？
原因就出在了：input、select預設的樣式是不同的，你無法通過直接改變width值去覆寫掉原來的預設樣式，是以需要添加一個屬性：
input,select{
box-sizing: border-box;
}
這個時候input和select寬度就一緻了：
解釋一下關于box-sizing：
1. border-box： width為content+padding+border
2. content-box（預設屬性值）： width的是content，padding以外的再另算。