总盒子定位，有一个子盒子定位背景，另外一份盒子如何不加定位浮在另外一个上面

在CSS布局中，如果您想让一个容器(总盒子)保持正常流的定位，而其内部的一个子盒子定位并设置背景，同时还有一个不带定位的盒子浮在其上方，您可以利用`position`属性和一些相对定位技巧。以下是一个基本的示例：

/* 定义总盒子 */
.container {
  position: relative; /* 保留正常的文档流 */
}

/* 子盒子，设置定位并设置背景 */
.sub-box {
  position: absolute;
  background-color: #f00; /* 示例红色背景 */
  /* 添加其他必要的定位属性，如 top, left, width, height等 */
}

/* 另一个盒子，不添加定位 */
.non-positioned-box {
  position: static; /* 保持默认的静态定位 */
  /* 如果需要浮动在子盒子上，则可以设置 z-index 更高 */
  z-index: 1; /* 比子盒子的z-index大1, 这样它会显示在子盒子上方 */
}

在这个例子中，`.container`保持了常规的文档流，`.sub-box`通过绝对定位离开文档流，并设定背景颜色。`.non-positioned-box`作为非定位元素，由于设置了`z-index`属性，可以在有定位的子盒子之上显示。