身体不包裹内容（不是浮动或身体，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不推动身体为960px），我很高兴！