Question

我正在尝试强制内容 div来填充整个包装 div。

包装器设置为强制我的页脚到窗口或页面的底部。它做得很好。

如果我使用：
最小高度：500px（或40em）; 内容 div按要求延伸。

但是，如果我使用：
最小高度：100％（或任何其他％）; 内容 div。

没有任何反应

这对我没有意义。我错过了什么？

根据请求（不包括边框，颜色和内容）：

* {
  margin: 0;
}
html, body {
  height: 100%;
}
#wrapper {  
  min-height: 100%;  
  width: 80%;  
  margin: 0 auto -4em;  
}
#content {
  min-height: 100%;   // nothing happens, change to em or px something happens.
}
#sidebar {
  float: right;
}
#footer {
  clear: both;
  height: 4em;
}
#push {
  height: 4em;
}

<body>
  <div wrapper>
    <div header>
      <div menu></div>
    </div>
    <div sidebar></div>
    <div content></div>
    <div push></div>
  </div>
  <div footer></div>
</body>

Answer 1

您可以尝试在内容div上使用“line-height：100％”。虽然...如果你的包装div上有明确的高度设置，你应该可以在各种高度测量中使用100％来强制它扩展。

发布一些快速示例标记，显示您的包装器和您的内容。

使用min-height作为百分比有什么特别之处吗？

1 个答案: