Html 将每个列表项设置为容器高度（CSS）的50%不起作用

试图将列表项高度设置为50%，但似乎没有任何作用

HTML

---

您需要先设置html和身高

html，正文{
身高：100%；
}
保险商实验室{
列表样式类型：无；
身高：100%；
填充：无；
}
.列表容器{
身高：100%；
背景：红色；
}
#项目1{
身高：50%；
}
#项目2{
身高：50%；
}

你好
世界

<div class="list-container">

  <ul>
    <li id="item1">hello</li>
    <li id="item2">world</li>
  </ul>

</div>

ul {
  list-style-type: none;
  height: 100%;
  padding: none;
}

.list-container {
  height: 100%;
}

#item1 {
  height: 50%;
}

#item2 {
  height: 50%;
}