CSS_7——内边距和外边距（简单记录）

2021/8/24 23:06:13

编程Tag： css 元素 margin padding 外边 15px 内边塌陷

本文主要是介绍CSS_7——内边距和外边距（简单记录），对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

1. padding

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

padding:10px 5px 15px 20px;

什么是margin塌陷

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

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

padding属性

margin 塌陷现象

css元素嵌套之塌陷问题

这篇关于CSS_7——内边距和外边距（简单记录）的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！