当一个块级元素的父元素开启了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;
}