flex盒子也可以设置position为absolute或者relative

是的，Flexbox 容器中的项目（flex items）同样可以使用 position: absolute; 或 position: relative;。Flexbox 和定位属性是独立的 CSS 特性，可以结合使用。

在使用 position: absolute; 或 position: relative; 时，这些项目将相对于它们最近的已定位（非 static）的祖先元素进行定位。这不会影响 Flexbox 布局本身，但会影响项目在 Flexbox 容器内的定位。

以下是一个简单的例子：

<div class="flex-container">
  <div class="flex-item">1</div>
  <div class="flex-item absolute">2</div>
  <div class="flex-item">3</div>
</div>

.flex-container {
  display: flex;
}

.flex-item {
  flex: 1;
  border: 1px solid #ccc;
  padding: 10px;
}

.absolute {
  position: absolute;
  top: 0;
  right: 0;
}

在这个例子中，.flex-container 是一个 Flexbox 容器，包含三个子元素.flex-item。其中，.absolute 类被应用于第二个子元素，使其相对于 .flex-container 进行绝对定位。其他子元素保持在 Flexbox 布局中。