设置定位后position:fixed后,发现原先的盒子不居中了怎么办

1.当给盒子设置为 position: fixed; 定位后，盒子不再处于文档流中，不再受到文档流的影响，因此原本使用传统居中方式（如 margin: 0 auto;）来实现居中的方法可能不再适用。

所以,要想盒子水平居住可以.如下:

这种方法会将盒子的左边缘移动到父容器的水平中心点，实现水平居中的效果。

要想盒子垂直居住可以:如下:

这种方法会将盒子的顶部移动到父容器的垂直中心点，实现垂直居中的效果。