CSS中height和width在IE和其他瀏覽器中的區別圖文詳解

【CSS中height和width在IE和其他瀏覽器中的區別圖文詳解】IE8的width=border-left padding-left 內容寬度 padding-right border-right;

IE8的height=border-top padding-top 內容高度 padding-bottom border-bottom;

w3c規定的width=內容寬度;

w3c規定的height=內容高度;


CSS中height和width在IE和其他瀏覽器中的區別圖文詳解



這樣有可能導致不同瀏覽器下獲取的width或height的值不同,幸好jquery提供了另外兩個方法,

innerWidth():padding-left 內容寬度 padding-right;


CSS中height和width在IE和其他瀏覽器中的區別圖文詳解



outerWidth():border-left padding-left 內容寬度 padding-right border-right;

outerWidth(true):margin-left border-left padding-left 內容寬度 padding-right border-right margin-right;


CSS中height和width在IE和其他瀏覽器中的區別圖文詳解



height同理

相關經驗推薦