body, html 父div 都设置了height: 100%, 子元素也设置了,为什么高度还是内容高度?

发布于
2016-11-18

<html>

<body>
    <div>
        <div>左</div>
        <div>右</div>
    </div>
</body>

</html>

这样的结构
body, html 父div 都设置了height: 100%, 子元素也设置了height: 100%,
div左有效, 为什么div右的高度还是内容高度?

有什么样式会影响吗? 找不到原因.
右div只设置了这个样式

-webkit-transition: -webkit-transform .3s ease-in-out,margin .3s ease-in-out;
-moz-transition: -moz-transform .3s ease-in-out,margin .3s ease-in-out;
-o-transition: -o-transform .3s ease-in-out,margin .3s ease-in-out;
transition: transform .3s ease-in-out,margin .3s ease-in-out;
margin-left: 230px;
min-height: 100%;
z-index: 820;