在網頁前段開發中，由於各大瀏覽器廠商核心技術不一樣，出現了瀏覽器相容性的問題，經常會出現在盒子模型中包含padding和border的問題，遇到這樣的問題我們該如何解決呢？

       首先，我們先看一下標準的盒子模型：

    盒子模型由四部分組成：content（width、height）、padding、border、margin

    以上盒子模型中，210*26便是盒子的width和height，不包括padding和border，但是在某些情況下，盒子模型的寬度width包含了padding和border，為了解決這個問題，我們可以引入css3中box-sizing屬性

box-sizing的作用：指定盒子模型寬度width屬性是否包含padding和border，常用屬性值有兩個：

                      content-box：盒子寬度width不包含padding和border；

                      border-box：盒子寬度width包含padding和border，實際內容的寬度和高度為width的值減去各自邊框和填充的寬度；

即：如果想讓實現標準盒子模型，只需要設定：box-sizing:content-box;