的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的高度。