将最小高度设置为 x 和屏幕高度之间的较高值答案

【问题标题】：Set minimum height to be the higher between x and screen height将最小高度设置为 x 和屏幕高度之间的较高值
【发布时间】：2013-01-13 14:57:31
【问题描述】：

我有一个带有重复背景图像的页面，我想在整个页面内容后面展开。

所以我希望将 HTML 的高度设置为 600 像素或屏幕的 100%——它们之间的最高值

（600px 是我的内容所需的最小高度，如果屏幕高度大于 600px，则为 100%，因此我想扩展我的 HTML 以适应它）

我试过了

html
{
    min-height:600px;
    height:100%
}

这不起作用。

重复的background-image 位于嵌套的 div (#container) 中，因为我的网站宽度有限且居中

#container
{
    width:1000px;  
height: 100%;
margin:0 auto;
background-image: url("/images/bg_content.png");
}

<body>
  <div id="container">
  </div>
</body>

【问题讨论】：

标签： html css

【解决方案1】：

应用于正文，而不是 HTML

body { 
  min-height:600px; 
  height:100%;
}

此fiddle 的最小值始终为 600 像素，但会在需要时展开。

【讨论】：

如果背景图像在正文中，这可以工作，但我需要它在嵌套的 div 中。我用细节编辑了我的问题
所以，我最终将 min-height:600px 添加到#container 并且效果很好......谢谢！