padding相关的CSS属性

padding表示内边距（相对于参考元素的距离）。

显然，一个二维的盒子有上下左右四个方向。所以，CSS里面提供5个相关属性：

属性	说明
padding-top	设置上边的外边距
padding-bottom	设置下边的外边距
padding-left	设置左边的外边距
padding-right	设置右边的外边距
padding	可以一次性设置上下、左右属性，不过，上下属性值是一样大，左右属性值是一样大使用格式是：`padding : value1 value2` `value1`表示`padding-top`和`padding-bottom` `value2`表示`padding-left`和`padding-right`

padding取值有如下四类：

length
length是带单位的数字，比如50px。如果取值是0，可以省略单位。
percent
percent是带%的数字，比如50%。如果取值是0，可以省略%。
auto
如果取值是auto，表示看它的内容，内容有多大就多大。
inherit
inherit是继承的意思。如果取值是inherit，表示看它与它的父容器用一样大。

在CSS里面，凡是与尺寸相关的属性，通常都会有这四类取值。

示例：

.panel-body > .btn {
    width         : auto;
    padding-top    : 20px;
    padding-bottom : 20px;
    padding-left   : 20px;
    padding-right  : 20px;
}

.panel-body > .btn {
    width  : auto;
    padding : 20px 20px;
}

.panel-body > .btn {
    width  : auto;
    padding : 20px;
}