關於input標籤不一樣type下的盒模型

剛纔發現,在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

相關文章
相關標籤/搜索