padding小細節，padding影響方框的寬和高，padding怎麼用

如果你對margin、padding還不是很瞭解的話，請看看以下這篇文章。
文章鏈接

使用 padding 的時候，你是否知道它會影響盒子的高度和寬度。

首先定義100px，200px兩個方框。

想法是：設置橙色方框的內邊距50px——padding：50px; ， 使得紅色方框居中顯示

 padding:50px;

可看出，改變了邊框的高和寬

**解決方法：**設置爲最終盒子的大小

box-sizing: border-box;