為什么我按照老師說的打完代碼瀏覽器不顯示東西

盒子模型尺寸基準(zhǔn)有兩種，分別是content-box和border-box ?（默認(rèn)是content-box）。理論上說，content-box 與 border-box 區(qū)別是：

? content-box盒子的寬度包含邊框和內(nèi)邊距， 即盒子寬度=width+border+padding； ? ?

由于初始時padding為0，則content的寬度為width；隨著padding值和border值不斷增大，盒子寬度也跟著增大；

? border-box則已將邊框和內(nèi)邊距計(jì)算在width中，即盒子寬度=width；且其內(nèi)容 content 的大小為width的值減去邊框和padding的值。即content=width-padding-border。如果調(diào)大padding值和border值，盒子寬度（也是width）不會改變， 但content會不斷被擠進(jìn)去而縮小。

總結(jié)：對于border-box,調(diào)節(jié)border和padding，寬度不變，內(nèi)容不斷向內(nèi)縮進(jìn)去；

對于content-box,調(diào)節(jié)border和padding,寬度改變，且不斷向外擴(kuò)張變大；