限定DOCTYPE HTML导致的div高度为0的像素

<!DOCTYPE html>

和相应的样式表定义包括一个分裂的id与只是以下属性

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

}

包裹

这会导致包装的高度缩小至0px，尽管宽度仍为100％。但是当doctype标签根据css中指定的属性被移除时，即宽度：100％和高度100％。可能的原因和解决方案？

2015-06-21 Salim

如果你想使高度等于窗口的高度，检查：

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

如果你想以配合家长的高度，用height:100%所有父元素（包括body和html）。

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

2015-06-21 06:26:52 gopalraju

回答