特点：
1、有定位属性的元素谁在上面，比的是Z-index值，谁的值大，谁就在上面
2、有定位属性的元素默认层级是0，如果层级一样，则后来者居上。
3、只有 有定位属性的元素才有层级的概念
4、只有亲兄弟元素才能比较层级
例子：
比较前
比较后
比较后为什么还是y在上面吗？不是y先进行定位的吗？
其实这个跟那个元素先定位没有关系，只跟你定义元素的先后有关系，
虽然你CSS没有写定位，可是层级是默认的
把x的层级定为2之后 请看效果
一、CSS层叠性
说明
层叠性是多种CSS样式的叠加，是浏览器处理样式冲突的方式。在HTML中对于同一个元素可以有多个CSS样式存在，当有相同权重的样式存在时，会根据这些样式出现的先后顺序来决定，处于最后面的CSS样式将会覆盖前面的CSS样式。
二、CSS继承性
说明
简单的理解为—“子承父业“，是指子标签会继承父标签的==某些==样式，如文本颜色和字号。想要设置一个可继承的属性，只需将它应用于父元素即可。
三、CSS优先级
在复杂CSS样式表，往往并不是相同样式不同值的堆叠这么简单，经常出现两个或多个不同样式规则应用在同一元素上，这时到底采用哪个样式呢？这就是典型的CSS优先级问题。
处理优先级问题，就是考虑样式权重的高低。这里先给大家介绍一些特殊的情况：
==继承样式的权重为0。==也就是说，在嵌套结构中，无论父元素样式权重多大，子元素继承时，应用在子元素上的权重都为0，即子元素定义的样式会覆盖所有继承来的样式。
==行内样式优先。==应用style属性的元素，其行内样式的权重非常高，可以理解为远大于100。总之，他拥有比上面提高的选择器都大的优先级。
权重相同时，CSS遵循就近原则。也就是说靠近元素的样式具有最大的优先级，或者说排在最后的样式优先级最大。
CSS定义了一个!important命令，该命令被赋予最大的优先级。也就是说不管权重如何以及样式位置的远近，!important都具有最大优先级。
css设置层级为2可用z-index：2。在css中，利用z-index属性来设置层级，z-index属性设置元素的堆叠顺序，拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
