Css 如何使主div水平居中，但其左侧仍有一个div

我正在寻找实现以下目标的最佳方法：

--------------------------|--------------------------
|                                                   |
|    --------  -------------------------            |
|    | menu |  |                       |            |
|    |      |  |                       |            |
|    --------  |       #content        |            |
|              |                       |            |
|              |                       |            |
|              |                       |            |
|              -------------------------            |
|                                                   |
|                                                   |
--------------------------|--------------------------

div

#content

水平居中，固定宽度。div

#菜单

粘贴在

#内容

的左侧

目前，我在一个div

#wrap

中有两个div，其宽度为

#content

和

margin:auto

。我定位

#菜单

绝对，并给它一个负数

左边距

。但是，如果浏览器窗口变得更小，那么它的

#菜单

不会强制使用水平滚动条（出于可用性原因，它应该这样做）

---

感谢您提供更好的解决方案

这有用吗？在css表中

#menu {overflow:scroll};

---

如果所有宽度都固定，请尝试以下操作：

它需要一个额外的div，但会删除所有定位。 使用以下公式计算

（o+c）/2-i

，其中

o

是

#外套

的宽度，

c

是

#内容

的宽度，

i

是

#外套

的宽度

---

更改

#innerwrap

的宽度会影响

#菜单

和

#内容

使用类似的简单方法

<div class="wrapper">

  <div id="content">
    <!-- content -->
    <div id="menu">
    <!-- menu content -->
    </div>
  </div>

</div>

其中“包装器”将强制布局的宽度。其他一切都是一样的，只是我更喜欢左-200px，而不是左-200px；对于“菜单”

---

当然，“菜单”必须是“内容”的绝对值，等等。“内容”是位置：相对的。

不太可能，这会影响“菜单”的内容。按你的方式进行div。wrap将居中，这意味着整个布局居中，而不仅仅是div内容？你可以将“wrapper”放在你想要的地方，在左、右、中。。。这是你的选择，如果你提供更多关于你在做什么的信息，也许我们可以进一步帮助你，…或者你不需要包装，只需留下填充：200px；在内容页边距左侧：-200px；然后当你把菜单放在左边时：-200px；它仍然是内部内容，没有尝试过这个，但听起来它应该可以工作，至少在现代broswers中是这样。