css - 容器 DIV 未超出窗口的原始高度

Question

我将以下 CSS 用于容器 DIV，其中 html 的高度和 body 设置为 100%，但它没有超出 this page 上的窗口边缘，即当向上滚动以显示页面下方的内容时，容器 DIV 未显示:

#container {
  padding: 0;
  margin: 0;
  background-color: #292929;
  width: 1200px;
  margin: 0 auto;
  min-height: 100%;
}

谁能告诉我为什么这不起作用。

Answer 1

将 overflow: hidden 添加到:

#container {
    overflow: hidden; /* Right here */
    background-color: #292929;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    min-height: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 1200px;
}

这将导致 #container 流过其中应为其提供计算高度的 float 元素的底部。另一种选择是执行 .clearfix .