Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html DIV高度为100%_Html_Css - Fatal编程技术网

Html DIV高度为100%

Html DIV高度为100%,html,css,Html,Css,我有以下资料: HTML 我想要div#container一直延伸到底部,但它没有。为了使元素达到100%的高度,它们需要对其应用一个位置 所以 根据父元素,此元素的位置将决定其高度 如果此元素父元素应用了定位,则它将成为其父元素的100%高度。如果非父元素具有定位,则将使用主体并在整个页面上显示。为了使元素达到100%的高度,它们需要对其应用一个位置 所以 根据父元素,此元素的位置将决定其高度 如果此元素父元素应用了定位,则它将成为其父元素的100%高度。如果非父对象具有定位,则将使用正文并在

我有以下资料:

HTML
我想要
div#container
一直延伸到底部,但它没有。

为了使元素达到100%的高度,它们需要对其应用一个位置

所以

根据父元素,此元素的位置将决定其高度


如果此元素父元素应用了定位,则它将成为其父元素的100%高度。如果非父元素具有定位,则将使用主体并在整个页面上显示。

为了使元素达到100%的高度,它们需要对其应用一个位置

所以

根据父元素,此元素的位置将决定其高度


如果此元素父元素应用了定位,则它将成为其父元素的100%高度。如果非父对象具有定位,则将使用正文并在整个页面上显示。

您还必须拉伸
body
html

html, body {
    height:100%;    
}

看看这个。

你必须伸展
身体
html

html, body {
    height:100%;    
}
看看这个

因为它横跨整个页面,所以从高度上看

因为它横跨整个页面,所以从高度上看

#container{
    position: relative;
    height: 100%;
}
html, body {
    height:100%;    
}
html, body {
    height:100%;    
}