今天是我第一次使用简书，记录一下今天的一个小实验；

.d4{width:200px;height:200px;background:white;border:2px solid yellow;margin:0 auto;position:relative;}

.d2{position:absolute;left:0;top:0;width:100px;height:100px;background:black;}

.d3{position:fixed;width:100px;height:100px;background:green;}

.d1{width:100px;height:100px;background:red;float:left;}

一个小实验，测试定位的权重。发现三个盒子定位在同一个地方的时候，浮动的永远被覆盖；

相对定位和固定定位，如果设定了z-index，显示值大的，权重相同的时候只跟div盒子的顺序有关系。

哪个设定在后面就显示哪个。这个设定是看Body里面的设定顺序，不是看Style的设定顺序。