標準盒模型和怪異盒模型

2022-08-28 01:21:24 字數 323 閱讀 5846

css中box model是分為兩種:: w3c標準 和 ie標準盒子模型。

大多數瀏覽器採用w3c標準模型,而ie中則採用microsoft自己的標準。

怪異模式是「部分瀏覽器在支援w3c標準的同時還保留了原來的解析模式」,怪異模式主要表現在ie核心的瀏覽器。

當不對doctype進行定義時,會觸發怪異模式。

在標準模式下,乙個塊的總寬度= width + margin(左右) + padding(左右) + border(左右)

在怪異模式下,乙個塊的總寬度= width + margin(左右)(即width已經包含了padding和border值)

標準盒模型和怪異盒模型

ie盒模型 怪異盒模型 和標準盒模型的區別就是,ie盒模型中width和height除了content區域外,還包含padding和border。盒子的總寬度為乙個塊的總寬度 width margin 左右 即width已經包含了padding和border值 在標準盒模型下,width和heigh...

標準盒模型和怪異盒模型

盒子模型眾所周知,這裡先簡單介紹一下。可以看到,在標準盒模型 box sizing content box 下,width和height是內容區域即content的width和height。而盒子總寬度為 在標準模式下,乙個塊的總寬度 width margin 左右 padding 左右 borde...

標準盒模型和怪異盒模型

盒模型的組成,由內而外只要由 content,padding,border和margin組成。標準盒模型和怪異盒模型的主要區別就是所包含的內容。標準盒模型的內容就是content的大小 怪異盒模型的內容是content padding border 怪異盒模型的寬 content的寬 padding...