html - 正文不包装内容（不是浮动或正文，html 100% 的东西......）

Question

为什么当浏览器宽度在 767-960 像素之间时，body/html 或 .main div 不包装我的 .container div？！这使您能够水平滚动。我很困惑，这应该工作！

我拥有的所有代码都是这样的：

html, body { 
width: 100%;
}

.container {
  .clearfix;
   margin: 0 auto;
}

@media (min-width: 767px) {

.page-header
{
    height: 180px;
}

.container {
    width: 960px;
}

}

Answer 1

通过将其添加到媒体查询来解决此问题：

html, body {
   min-width: 960px; // <= width of the .container
 }

如果有人能解释这一点（为什么 .container 没有将 body 推到 960px），我会很高兴！