width:100px;
height:100px; //宽高一样
padding:10px //按照解释，上右下左四边填充都一样，理论上到四边的距离应该一样，实际上效果却不是
因为你所填充的规则是宽=左边界+左填充+内容宽度+右填充+有边框+右边界 ；高也是如此，所以要实际内容在中间就应该去掉所对应的内容像素长度就可以啦
如果你的内容宽度加上两个padding（20px）比你设置的容器的width（100px）还要小，那么你的padding-right就不是10px，而是width（100px）减去padding-left（10px）再减去内容的宽度，高度也是这个道理。