CSS教程

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

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

1. padding

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

2. margin塌陷和嵌套塌陷

什么是margin塌陷

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

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

3. 参考

padding属性

margin 塌陷现象

css元素嵌套之塌陷问题

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