盒模型

盒模型分爲:W3C標準盒模型和IE盒模型佈局

頁面進行佈局時,能夠經過box-sizing 樣式進行設置spa

box-sizing:content-box;//當設置爲此值時,該佈局的寬高定義的是純內容content的高度,不包含padding與border;這也正是標準盒模型的特色;3d

image.png

box-sizing:border-box;//當設置爲此值時,該佈局的寬高定義的是盒子的整體寬高,包含padding於border了;這也正是IE盒模型的特色;blog

image.png

相關文章
相關標籤/搜索