CSS | box-model & box-sizing

版權聲明:本文爲博主原創文章,未經博主允許不得轉載。 https://blog.csdn.net/Uching/article/details/77213553
對box-model的理解
box-model
box-model

標準盒模型:
總寬=width + left padding + right padding + left border + right border + left margin + right margin

將標準盒模型轉化爲IE盒模型可以用CSS3的box-sizing屬性,將屬性值改爲border-box

IE8及更早版本的盒模型:
width包含了padding和border
總寬=width+left margin + right margin
爲了解決這個問題,加文檔聲明把IE的轉換爲標準的,在HTML頁面加上<!DOCTYPE html>

參考資料:CSS Box Model

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章