CSS Slider解决问题

Question

我的网页上有一个我做过的滑块。它在720p分辨率下看起来不错。一切都集中在应有的位置等等。但是当我将分辨率更改为1080p时，滑块因某种原因偏离中心。我已经尝试了我所知道的所有尝试CSS和唉，我很难过。下面是CSS，我将提供更远的网页链接。

#slider {
position: static;
margin-left: 22%;
width: 720px;
height: 400px;
overflow: hidden;

}

www.test.brandonmiller3d.com

注意：如果链接添加＆＃34; / test /＆＃34;到网址的末尾，只需删除它，然后按Enter键。我的.htaccess文件中还有一些东西也是lol

Answer 1

在margin: 0 auto上尝试#slider：

#slider {
    width: 720px;
    height: 400px;
    overflow: hidden;
    margin: 0 auto;
}

Answer 2

滑块上的左边距为22％。

更改此

#slider {
  position: static;
  margin-left: 22%;
  width: 720px;
  height: 400px;
  overflow: hidden;
}

到这个

#slider {
  position: static;
  margin-left: auto;
  margin-right: auto;
  width: 720px;
  height: 400px;
  overflow: hidden;
}