CSS页面定位多个div不重合

效果图：

之前是想高度写死，但是屏幕不适应
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面

   .lightNum-div{
   
		height: 15px;
		left:10px;
		top: 10px;
		position: absolute;
		width: 10%;