Question

我正在重复使用一些可以完成我需要的工作的HTML，但是在宽度为100％的页面上。

我目前的需求需要一个居中的div容器，其固定宽度为940px 。
我发现的代码在最大宽度为940px时不起作用。

为了使这个工作在940px的容器上，我在这里缺少什么？

<div class='wrap'>              <-- width 100%
  <div class='container'>       <-- width 940px

      <div class='head'>Header</div>
      <div class='bodywrap'>
        <div class='left'>left</div>
        <div class='right'>right</div>
        <div class='center'>center</div>
      </div>

  </div>
</div>

以下是JS-Fiddle，您可以在其中找到“容器” div，它应该强制执行940px宽度，居中。

同样在重新调整中心div（应该滚动的那个）的大小时，也应该重新调整大小。现在似乎中间div被正确的div所覆盖，而这不是我们想要的。

Answer 1

请试试这个。我已经看到这个用于中等容器的css。

.container {
margin-right: auto;
margin-left: auto;
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

HTML 3列，固定标题和侧面div，在940px容器内滚动中间

1 个答案: