其他分享
首页 > 其他分享> > CSS_7——内边距和外边距(简单记录)

CSS_7——内边距和外边距(简单记录)

作者:互联网

1. padding

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

2. margin塌陷和嵌套塌陷

什么是margin塌陷

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

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

3. 参考

padding属性

margin 塌陷现象

css元素嵌套之塌陷问题

标签:元素,padding,塌陷,内边,外边,15px,margin,CSS
来源: https://www.cnblogs.com/Nadir-Echo/p/15182942.html