剛纔發現,在Chrome下input標籤的不一樣type類型所取的盒模型是不同的。浪費了我不少時間去調試,唉。瀏覽器
type="text"時,給它設置寬度width:300px,此時的盒模型是這樣的:3d
即300px指的是content部分的寬度,不包括padding,border,這是W3C標準下的標準盒模型;調試
而當type=search,buttom,submit時,width:300px的盒模型是這樣的:blog
即包括了padding和border部分,這是微軟IE瀏覽器版本678下的IE盒模型。使用時要注意。input