今天終於明白為什么表單元素的寬度經常對不齊了,原來是計算的問題。
為元素設置:box-sizing: border-box;,則表明width的寬度為內容本身寬度+padding+border(高度一樣)
為元素設置:box-sizing: content-box;,(默認就是這個),則表明width的寬度就是內容本身的寬度,padding以外的再另算。 而input、select默認的樣式是不同的,所以就造成了width設置的一樣,但就是對不齊。全部設成border-box就省事了。
(IE8及以上版本支持。)