css中的padding用法详解

洪七公

在写前端样式的时候，div中要隔离出一个框架宽度的时候，需要用到padding，但是padding的用法后面会跟四种情况，我下面给大家讲解一下注意的事情和分别列举出来这四种情况的样式：

1.padding是添加在父元素（盒子）上的；

2.padding是调整子元素在父元素里面的位置关系；

3.padding会把盒子撑大，所以设置了padding的一定要在盒子的宽度上预留或者计算好；

4.想让盒子保持原有的大小：在宽高的基础上减掉padding值，就是我上一个说的；

5.给单一一个方向添加padding值： padding-top/bottom/left/right: 要是给多个方向设置可以看下面的四种情况总结；

6.四种情况总结：

padding:10px 四周
padding:10px 20px 上下 左右
padding:10px 20px 30px 上 左右 下
padding:10px 20px 30px 40px 上右下左

7.padding不会对背景图造成影响；

8.padding的值不能为负值。

好了，以上就是锦尚中国源码论坛关于css中的padding用法详解，更多小程序、素材、源码、图片、脚本、模板等资源请搜索锦尚中国源码论坛获取！

感谢大家的支持与厚爱！