html页面中DIV高度100%设置问题

初学HTML5，需要实现网页DIV左右居中，高度自动填充到100。发现对页面中DIV设置100%高度属性时无效。后来查资料发现HTML网页中div高度继承自父元素——》body——》html
因此解决方案是先对html和body设置100%高度：
html,body { height: 100%;margin: 0; padding: 0;}
然后对应的div设置高度—height:100% 则可以生效。测试例子(DIV左右居中，高度自动填充到100)如下：

特别注意html和body都要设置height: 100%，缺失任何一个，对div设置高度-height:100%时都不会生效。