限定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

回答