设置height=100%需要注意的点

width=100%对父元素的没有特别的要求，而height=100%则是依照父元素的height来设置自己的height的.

以下代码为例子：

.ul {
            margin: 0;
            padding: 0;
            background-color: #e2e2e2;
            width: 25%;
            height: 100%;
            list-style: none;
        }

从这里可以看到即使设置了height=100%还是不起作用。

于是把html和body都设置成height=100%

如图所示：

 

总结：设置height=100%之前，要确保父元素的height。