大佬教程收集整理的这篇文章主要介绍了CSS_7——内边距和外边距（简单记录），大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

1. padding

值	描述
auto@H_673_14@	浏览器计算内边距。@H_673_14@
length@H_673_14@	规定以具体单位计的内边距值，比如像素、厘米等。默认值是 0px。@H_673_14@
%@H_673_14@	规定基于父元素的宽度的百分比的内边距。@H_673_14@
inherit@H_673_14@	规定应该从父元素继承内边距。@H_673_14@

padding:10px 5px 15px 20px;

• 上内边距是 10px
• 右内边距是 5px
• 下内边距是 15px
• 左内边距是 20px

2. margin塌陷和嵌套塌陷

什么是margin塌陷

在垂直方向如果有两个元素的外边距有相遇的，浏览器中加载的真正的外边距不是两个间距的加和，而是两个边距中值较大的，边距值小的塌陷到了边距值大的值内部。

塌陷分为两种同级元素塌陷和父子元素塌陷

3. 参考

padding属性

@H_650_58@margin 塌陷现象

css元素嵌套之塌陷问题

大佬总结

以上是大佬教程为你收集整理的CSS_7——内边距和外边距（简单记录）全部内容，希望文章能够帮你解决CSS_7——内边距和外边距（简单记录）所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。