的Html，身體標記，以高度的100％

Question

我的問題是：這是一個不好的做法，使用方法：

html, body { 
    height: 100%; 
} 

，如果你想在屏幕中2個div的分裂，如：

#myDiv { 
    height:50%; 
} 

Answer 1

html, body { 
    height: 100%; 
} 

對我來說，我會加最小高度，爲什麼不呢？

但是，如果你想使百分比值正常工作，元素的容器大小必須具有像px這樣的精確值。因此，內部div將查看容器的高度（本體），並將其視爲100％。所以這不是確切的，它是一個相對價值。

但是，如果您可以隨時用JavaScript設置內部div的精確高度，它將起作用。與jQuery這應該幫助：

$(window).on('resize', function() { 
    $('#myDiv').height($(window).height()/2); 
}).resize(); 

這裏FID：http://jsfiddle.net/kwhjfdec/

通過這樣做，你不需要初始設置#myDiv的高度。