我今天在重溫CSS盒模型時突然產(chǎn)生了一次懵逼弟蚀，因為我發(fā)現(xiàn)chrome上發(fā)現(xiàn)這樣一個【疑問】。
【疑問】：W3C盒模型說【寬度=正文內(nèi)容】那么為啥這個尺寸是220220不是200200音比。
抱著這樣的疑問，我開始了一次給自己解疑的路程。
首先我明確了一個知識點苛萎，一直以來我看過的盒模型文章都是告訴我：
W3C盒模型【width=content】
IE盒模型【width=content+padding+border】
記著這樣的知識點，我分別給div添加了【box-sizing: border-box】和【box-sizing: content-box】
從如上兩圖我發(fā)現(xiàn)检号，因為我的【寬度】和【內(nèi)邊距】是固定的腌歉，所以我的content一直在變化。
content-box時是200200
border-box時是180180
由此我可以斷定齐苛，首先翘盖，知識點是沒有錯的，但是問題發(fā)生在哪凹蜂，我看著這個圖深思馍驯，突然有個想法冒出來，好像我一開始的認(rèn)定就是錯誤玛痊。
首先汰瘫，這個尺寸圖沒說代表的是元素的寬度，它代表的是元素的總尺寸擂煞，想到這里混弥，我突然發(fā)現(xiàn)知識點串起來了，這就突然解決了我產(chǎn)生的疑惑对省，現(xiàn)在想想蝗拿，這次的疑惑才是真正的解決了我對CSS盒模型的理解。
