w3c盒子模型與ie盒子模型

2022-05-18 19:50:02 字數 693 閱讀 1320

盒子模型是css的專有名詞,用來描述頁面設定中的各種屬性,如內容(content)、填充(padding)、邊框(border)、邊界(margin),由於這些屬性拼在一起,與日常生活中的「盒子」很相像,因而稱作盒子模型

盒子模型是分為兩類的,一類是w3c盒子模型,另一類是ie盒子模型,最根本區別就是:屬性height與width這兩個值是否包含了padding與border。w3c盒子模型不包含padding與border,僅僅指content的height和width。而ie盒子模型則包含了padding與border。

w3c模型

ie模型

當然,學過jquery的人,應該都知道可以通過jquery.support.boxmodel物件返回的屬性值,確定頁面是否是標準的w3c盒子模型,呼叫的方法:

$.support.boxmodel

該方法返回乙個布林值,若是true則表示是w3c盒子模型,否則,就不是。

若是刪除">  就會是ie盒子模型

因而,在編寫頁面**時,盡量先宣告doctype型別,使用標準的w3c盒子模型,避免多個瀏覽器間的相互不相容。

ie 盒子模型和標準 w3c 盒子模型

盒子模型是css中乙個重要的概念,理解了盒子模型才能更好的排版。其實盒子模型有兩種,分別是 ie 盒子模型和標準 w3c 盒子模型。他們對盒子模型的解釋各不相同,先來看看我們熟知的標準盒子模型 從上圖可以看到標準 w3c 盒子模型的範圍包括 margin border padding content...

W3C盒子模型和IE盒子模型及其檢測

css盒子模式都具備的屬性包括 內容 content 填充 padding 邊框 border 邊界 margin 盒子模型分為兩類 w3c標準盒子模型和ie盒子模型 微軟確實不喜歡服從他家的標準 這兩者的關鍵差別就在於 我們在編寫頁面 的時候應該盡量使用標準的w3c盒子模型 需要在頁面中宣告doc...

IE盒子模型和標準的W3C標準的盒子模型

利用css來布局頁面布局div有點邏輯性 重點理解盒子模型,標準流和非標準流的區別,還有定位原理 把這3個攻破了,就非常簡單了 多實踐多參考 最後就是相容問題了,在實踐中自然就有經驗了 這些相容技巧都是經驗來的 盒子模型有兩種,分別是ie 盒子模型和標準 w3c 盒子模型。他們對盒子模型的解釋各不相...