html - 最小高度 : 100%?

Question

我正在制作一个 CSS 布局，它有一个 960 像素宽的 div，我想让它从页面顶部一直延伸到底部。显而易见的解决方案是 min-height: 100%;，但它不起作用。这是我的 CSS:

* {
margin: 0px;
padding: 0px;
}
body {
background: #FF0000;
height: 100%;
}
html {
height: 100%;
}
#sheet {
width: 960px;
min-height: 100%;
background: #000000;
margin: 0px auto 0px auto;
}
#sheet1 {
width: 760px;
min-height: 100%;
top: 0px;
bottom: 0px;
background: #FFFFFF;
}

从我的 HTML 中:

<div id="sheet">
    <div id="sheet1">

    </div>
</div>

当我将#sheet 的 min-height 更改为 height 时，它显示正常，但如果内容占用超过一页，它就会被截断。有解决办法吗？

Answer 1

尝试将#sheet 更改为height:100%，而不是min-height 100%，并在#sheet-1 中添加一些内容。