CSS_7——内边距和外边距(简单记录)
作者:互联网
1. padding
值 | 描述 |
---|---|
auto | 浏览器计算内边距。 |
length | 规定以具体单位计的内边距值,比如像素、厘米等。默认值是 0px。 |
% | 规定基于父元素的宽度的百分比的内边距。 |
inherit | 规定应该从父元素继承内边距。 |
padding:10px 5px 15px 20px;
- 上内边距是 10px
- 右内边距是 5px
- 下内边距是 15px
- 左内边距是 20px
2. margin塌陷和嵌套塌陷
什么是margin塌陷
在垂直方向如果有两个元素的外边距有相遇的,浏览器中加载的真正的外边距不是两个间距的加和,而是两个边距中值较大的,边距值小的塌陷到了边距值大的值内部。
塌陷分为两种同级元素塌陷和父子元素塌陷
3. 参考
标签:元素,padding,塌陷,内边,外边,15px,margin,CSS 来源: https://www.cnblogs.com/Nadir-Echo/p/15182942.html