定义doctype html导致div高度为0像素_Html_Css

定义doctype html导致div高度为0像素

html css

定义doctype html导致div高度为0像素,html,css,Html,Css,我有一个网页，其中doctype的定义如下 <!DOCTYPE html> 这会导致包裹在高度上收缩到0px，但宽度保持为100%。但是当doctype标记根据css中指定的属性移除时，即宽度：100%和高度100%。可能的原因和解决方案？如果要使高度等于窗户高度，请检查以下内容： #wrap { width:100%; height:100vh; } 小提琴：如果要匹配父元素的高度，请对所有父元素（包括body和html）使用height:100% 小提琴： #

我有一个网页，其中doctype的定义如下

<!DOCTYPE html>

这会导致包裹在高度上收缩到0px，但宽度保持为100%。但是当doctype标记根据css中指定的属性移除时，即宽度：100%和高度100%。

可能的原因和解决方案？

如果要使高度等于窗户高度，请检查以下内容：

#wrap
{
   width:100%;
   height:100vh;
}

小提琴：

如果要匹配父元素的高度，请对所有父元素（包括

body

和

html

）使用

height:100%

小提琴：

#wrap
{
   width:100%;
   height:100vh;
}

html,body,#wrap{
 height:100%;
}