小编Nyk*_*gné的帖子

所以这就是问题所在:

我正在创建一个滑块菜单,一切正常,直到我尝试将其与margin:0 auto;

我强烈认为问题来自相对定位和我正在使用的Jquery .animate函数.所以我正在寻找另一种方法来实现相同的结果!

这是问题的小提琴

http://jsfiddle.net/jwsh7/(图片不能包括所以我在所有东西上放置边框,问题是绿色边框div)

PSRemove保证金:0自动; 看它工作,因为我也想要它

CSS:

body {
  margin: 0;
  padding: 0;
}

#content {
  width: 625px;
  border: 1px solid red;
}

#content div.slider {
  position: relative;
  width: 50px;
  height: 100px;
  background-image: url(images/rond.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 2;
  top: 110px;
  left: 25px;
  border: 1px solid red;
}

.menu {
  color: #00C;
  font-size: 18px;
  font-family: "OnomatoShark!";
  position: absolute;
  width: 50px;
  height: 100px;
  background-image: url(images/ligne_barre.png);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 1px solid …