有关盒模型中padding的使用

1: padding是长在内容和盒子之间的,在盒子内部。

2:padding是为了调整 子元素 在 父元素里面位置关系。

3:padding的特点:padding值会把盒子撑大。

4:如果想让盒子保持原有大小,需要在宽高的基础上减掉padding值;

【注】:(如果一个盒子没有设置固定的宽和高,添加padding是不用减的;

父元素对里面使用padding才需要减掉padding值;)

或者你不想这么这么麻烦,可以把盒模型转为怪异盒模型:box-sizing:border-box;

怪异盒模型的宽高包括padding值与边框值。

5:padding 设置方法(同margin):

padding-left/right/top/bottom:;

padding 设置方法:

padding:1个值 四周

padding:2个值 上下 左右

padding:3个值 上 左右 下

padding:4个值 上右下左

6:注意 padding不能设置负值

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。