Question

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

所以我希望HTML的高度设置为600px或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>

Answer 1

适用于正文，而不是HTML

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

此fiddle的最小值为600px，但会在需要时展开。

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

1 个答案: