如何解决flex布局与定位 position: fixed冲突

1、如图所示，在使用flex的同时，需要使用position: fixed进行定位。其中justify-content: space-around;的样式将会失效。

2、给需要定位的元素添加一个父组件。

3、将定位的css写如父组件样式，同时使用left: 0;right: 0;让左右的边距为0。

4、保存并刷新页面，flex布局样式成功生效。