如何让“margin：auto”和“margin-left：offset”一起工作？

Question

我的test site上有一个容器：

#container {
  margin: 0 auto;
}

然后我添加了左侧垂直菜单，并在一些小屏幕上显示菜单不完全可见 就像我的旧笔记本电脑一样： - ）

我想保持margin:auto设置，但我想将整个#container向右移动一点。

可以做些什么吗？

我尝试了#container {margin-left:10px;}，但无济于事。

Answer 1

玩萤火虫，使用起来很好：

#container {
 margin: 0 auto;
 position:relative;
 left:10px;
}

希望它能解决......

Answer 2

最简单的方法是引入另一个元素（如果它已经可用，则为另一个元素的样式）。因此，你可能有：

<div style="margin-left: 10px;">
   <div id="container" style="margin: auto;">...</div>
</div>

这样就可以在容器div中完成居中，这个div已经有了适当的左手填充。

Answer 3

如果你将#container div包装在另一个div中 double 左边距，那将会有效。

  #wrap {
    margin-left: 20px;
  }
  .centre { /* this would be your #container */
    width: 100px;
    height: 40px;
    margin: auto;
    background-color: #f00;
  }
  #wrap .centre {
    background-color: #00f;
  }

HTML：

  <div class="centre"></div>
  <div id="wrap">
    <div class="centre"></div>
  </div>

http://jsbin.com/emogu3