>
>
charset
="utf-8"
>
name
="keywords"
content
="html+css"
>
name
="description"
content="
">
>
title
>
>
divstyle
>
head
>
>
>
林div
>
你好body
>
html
>
>
>
charset
="utf-8"
>
name
="keywords"
content
="html+css"
>
name
="description"
content="
">
>
title
>
>
divp
/* box-sizing:
content-box---標準盒模型（預設）
border-box ---怪異盒模型
怪異盒模型:
ie的怪異盒模型的規定元素的寬高 可見區域的尺寸
怪異盒模型內容區實際寬度 width = 設定盒子的實際寬度 width-padding(左右) - border(左右)
怪異盒模型內容區實際高度 height = 設定盒子的實際高度 height-padding(上下) - border(上下)
怪異盒模型佔據 頁面的 總空間
width總 =設定盒子的實際寬度 width + margin左右
height總 =設定盒子的實際高度 height + margin上下
*/style
>
head
>
>
>
標準盒模型div
>
>
怪異盒模型p
>
body
>
html
>
怪異盒模型
一 怪異盒模型 一 box sizing content box 標準盒模型 border box 怪異盒模型 ie盒模型 允許以特定的方式定義匹配某個區域元素的特定元素 1.content box這是由css2.1規定的寬度高度行為 寬度和高度分別應用到元素的內容框 在寬度和高度之外繪製元素的內邊...
怪異盒模型 彈性盒模型
標準盒模型 我們平常狀態下所寫的，即為標準盒模型狀態下的css樣式 box怪異盒模型 ie盒模型 p box兩種模式的區別標準模式會被設定的padding撐開，而怪異模式則相當於將盒子的大小固定好，再將內容裝入盒子。盒子的大小並不會被padding所撐開。標準模式 box sizing conten...
標準盒模型 怪異盒模型
盒子模型的組成 盒子模型一般由 內容 content 邊框 border 左右外邊距 margin left margin right 左右內邊距 padding left padding right 這些部分組成。css中盒子模型分為兩種 w3c標準盒模型和ie標準盒模型 標準盒子模型 標準盒模型...