Html 最小高度:100%?

Html 最小高度:100%?,html,css,Html,Css,我正在制作一个CSS布局,它有一个960px宽的div,我想让它从页面的顶部延伸到底部。最明显的解决方案是min高度:100%,但它不起作用。以下是我的CSS: *{ 边际:0px; 填充:0px; } 身体{ 背景:#FF0000; 身高:100%; } html{ 身高:100%; } #床单{ 宽度:960px; 最小高度:100%; 背景:#000000; 保证金:0px自动0px自动; } #表1{ 宽度:760px; 最小高度:100%; 顶部:0px; 底部:0px; 背景:#FF

我正在制作一个CSS布局,它有一个960px宽的div,我想让它从页面的顶部延伸到底部。最明显的解决方案是
min高度:100%,但它不起作用。以下是我的CSS:

*{
边际:0px;
填充:0px;
}
身体{
背景:#FF0000;
身高:100%;
}
html{
身高:100%;
}
#床单{
宽度:960px;
最小高度:100%;
背景:#000000;
保证金:0px自动0px自动;
}
#表1{
宽度:760px;
最小高度:100%;
顶部:0px;
底部:0px;
背景:#FFFFFF;
}
从我的HTML:

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

    </div>
</div>


当我将#sheet的
minheight
更改为
height
时,它显示良好,但如果内容占用的页面超过一页,它将被切断。是否有解决方案?

只有当HTML元素(文本、图像或其他元素)存在时,使用100%才有效。根据构件的长度,其高度将更高或更短。因此,“最小高度”仅用于指定图元的长度或高度的确切数目。尝试使用像素而不是百分比。

尝试将“工作表”更改为高度:100%,而不是最小高度100%,并在“工作表-1”中添加一些内容

因为您没有添加任何
float
clear
属性

如果未定义
height
属性,CSS将忽略
minheight
max height

除非您添加
显示:内联块
,但它可能会打断您的
边距:0px自动我决定你这样做:

*{
边际:0px;
填充:0px;
}
身体{
背景:#FF0000;
身高:100%;
文本对齐:居中;
}
正文*{
文本对齐:左对齐;
}
html{
身高:100%;
}
#床单{
宽度:960px;
display:inline block;//它可以自动设置高度
最小高度:100%;
背景:#000000;
保证金:0px自动0px自动;
文本对齐:居中;
}
#表1{
宽度:760px;
显示:内联块;
最小高度:100%;
背景:#FFFFFF;
文本对齐:左对齐;
}

用我的代码替换你的css,我认为它应该可以工作…

同时使用最小高度和高度,但像素和百分比不同是有原因的,我希望它是浏览器窗口高度的100%。尝试对外部分区使用固定高度,对内部分区使用100%高度,这样内容将不会将外部分区向下推高到您设置的高度,否则请使用
溢出:隐藏
来防止此情况。