css盒模型-又一個經(jīng)久不息的話題供炎，面試的時候渴逻，有的面試官會讓你談?wù)刢ss的盒子模型，這樣看似簡單的問題音诫，卻讓一些同學(xué)惨奕，無從下口。其實你不是不會竭钝，在寫css的時候梨撞，你肯定經(jīng)常會用到margin，padding香罐，width卧波，box-sizing這樣的css屬性。只不過類似于這樣的問題庇茫，范圍較廣港粱，又沒有標(biāo)準(zhǔn)答案，一時回答不上來旦签，卻影響了面試結(jié)果查坪，實在不應(yīng)該啊寸宏。
本文就css盒子模型的概念，用法回答面試官的問題偿曙。
首先氮凝，怎么理解盒子模型，就是要把設(shè)置距離的html元素看成一個盒子遥昧，這個盒子由margin覆醇；border；padding炭臭；content這些css屬性組成。
這就是一個盒子
只不過讓我們稱之為模型的是袍辞，根據(jù)css屬性box-sizing值不同鞋仍。css盒模型可以分為標(biāo)準(zhǔn)盒模型和ie盒模型；當(dāng)box-sizing值為：content-box時為標(biāo)準(zhǔn)模型搅吁，當(dāng)box-sizing值為：border-box時為ie模型威创；這二者的區(qū)別很簡單商佑，見下圖
僅僅只是width的計算方式不同而已
所以有些面試官就問了：盒模型中標(biāo)準(zhǔn)模型和ie模型有什么區(qū)別碴里？你會回答了吧；
所以在項目中谷异，如果你要用某種模型界拦，用box-sizing設(shè)置成某種模型即可吸申；
