一、z-index
数值大的压盖住数值小的
有定位了的元素,才能有z-index值
从父现象
二、盒子模型 由内到外 content padding border margin
什么时候使用 margin什么时候使用padding
简单的来说 margin 是外边距 也就是盒子与另一个盒子之间的距离
padding的话 是内边距 在一个盒子内 内容距离盒子border之间的距离
使用padding的几种情况
1、背景图
2、出现margin合并或者塌陷的情况
3、行内元素
4、padding不能有负值
简单的介绍一下margin合并以及塌陷的情况
1、塌陷是在同一个盒子内 大盒里面有小盒 包含的关系 当给他们同时设置margin-top:50px;的时候 实际距离只会距离上一个盒子或者顶部50px;而不是100px;
例子
//快速生成 (.big>.small)+.big1 +tab键
<div class="big1"></div>
<div class="big">
&l