固定定位下的div水平居中

当一个块级元素的父元素开启了flex布局后，我们可以很轻松的将这个元素居中对齐，可以在父元素上加

justify-content: center;
align-items: center;/*单行下的居中对齐*/

justify-content: center;
   align-content: center;
   flex-wrap: wrap;/*多行下的居中对齐*/

然而，这种对齐方式是基于父元素开启了flex布局方式，假设该子元素开启了固定定位后，这种对齐方式便会失效，因为固定定位脱离了文档流，不受父元素的影响，父元素内对子元素的定位方式自然就不起作用了，那么问题来了：能否将这个固定定位的盒子居中显示呢？

.search-content{
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 15rem;
	height: 88rem / 50;
	background-color: #ffc001;
}