css基礎知識

1、真正盒子的寬度(在頁面呈現出來的寬度)和高度：

padding + border + width = 盒子的寬度

padding + border + height = 盒子的高度

2、box-sizing:border-box

一個寬度為200px的盒子，那麼我們直接設定寬度為200px，不要考慮padding 内邊距

box-sizing同樣可以設定為content-box，這樣設定css的寬度的時候僅僅是設定的它的内容區的寬度，浏覽器預設都是如此