父元素ul有宽度和高度, 为什么子元素li设置百分比高度无效?

Question

父元素 ul {

width: 100%;
height: 100%;

}
查看了页面是有高度的,300多px
子元素li {

float: left;
width: 23%;
height: 23%;
border: 1px solid #ccc;

}

为什么li的高度还是只有边框的高度2px???

Answer 1

ul的100%是继承谁的你知道吗？

Answer 2

html和body的宽高也要设置