如何让Flex列环绕定位元素实现布局？

我有一个容器，其中包含一个列表，列表项的数量和高度均不固定。我希望列表项按列方向换行，使用Flexbox即可轻松实现：

ul {
  display: flex;
  flex-flow: column wrap;
  height:300px;
}

li {
  list-style-type:none;
}

但我还希望在容器的右上角放置一个定位元素，且Flex列能环绕该元素布局，效果如图所示（黄色为列表项，蓝色为定位元素）：

请问该如何实现此效果？

内容的提问来源于stack exchange，提问作者herpderp