Question

我有一个网页，其中doctype定义为

<!DOCTYPE html>

和相应的样式表包含一个除以下属性

的除法ID换行

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

}

这导致包裹物收缩到0px的高度，尽管宽度保持100％。但是当根据css中指定的属性删除doctype标签时，即宽度：100％和高度100％。可能的原因和解决方案？

Answer 1

如果您尝试使高度等于窗口高度，请检查：

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

如果您尝试匹配父亲的身高，请对所有父母元素（包括height:100%和body）使用html。

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