Html 强制垂直div至整个容器高度

Html 强制垂直div至整个容器高度,html,css,Html,Css,我知道在不使用客户端脚本的情况下获得全屏高度的div是不可靠的,但是,假设我的div足够高,可以到达底部,如何使它到达顶部和底部,而顶部和底部没有额外的空间呢?我尝试过添加0px的上下页边距(甚至填充),但似乎不起作用 #容器{ 高度:1000px; 宽度:800px; 保证金:0自动; 左侧填充:10px; 右边填充:10px; 溢出:隐藏; 背景色:#FFF; 盒影:0,0,10像素rgba(0,0,0,1); } 更改高度:1000px至高度:100%尝试以下操作: html,正文{ 身高

我知道在不使用客户端脚本的情况下获得全屏高度的div是不可靠的,但是,假设我的div足够高,可以到达底部,如何使它到达顶部和底部,而顶部和底部没有额外的空间呢?我尝试过添加0px的上下页边距(甚至填充),但似乎不起作用

#容器{
高度:1000px;
宽度:800px;
保证金:0自动;
左侧填充:10px;
右边填充:10px;
溢出:隐藏;
背景色:#FFF;
盒影:0,0,10像素rgba(0,0,0,1);
}

更改
高度:1000px至<代码>高度:100%

尝试以下操作:

html,正文{
身高:100%;
}
#容器{
身高:100%;
宽度:800px;
保证金:0自动;
左侧填充:10px;
右边填充:10px;
溢出:隐藏;
背景色:#FFF;
盒影:0,0,10像素rgba(0,0,0,1);
}

您可以使用绝对定位。设置
顶部:0
底部:0
。您也可以使用
height:100%
,但是您还需要在所有父元素上设置它,包括
html
元素。您还需要使html和body 100%高:
html,body{height:100%;}
只有在所有父元素也具有
height:100%
set.True时才起作用。我只是以为OP会那样。我的错!