height:100%的使用有时候能为我们带来很多方便，但也有时候会出现我们意料之外的事情。
第一种情况：
可以看到在父层有定义高度的情况下，结果符合我们预期，高度与父层一致。经过测试，主流浏览器表现一致（下图）。
第二种情况：
在父层不定义高度的情况下，高度由内容自动撑开，可以看到，height:100%没有起作用。经过测试，主流浏览器表现一致（下图）。
第三种情况：
父层不定义高度，高度由内容自动撑开，但里面的height:100%元素position:absolute,可以看到除IE6外的主流浏览器符合预期效果
非IE6中
IE6中
解决方法：
在使用第二种方式的情况下IE6中使用expression，如_height:expression(this.parentNode.offsetHeight+'px');
另一种方法就是使用js。
其他方法暂未发现。
转载于:https://my.oschina.net/yangff/blog/89185