Css 将div内的元素设置为100%高度

我想将div中的一个元素设置为height 100%。元素（ul元素）必须设置为相对。列表项设置为绝对值，但参照父元素

请参见示例：

如何将绿色ul元素设置为100%高度

提前谢谢

您可以将#list元素设置为使用绝对定位，然后设置顶部和底部坐标。下面是一个修改后的JSFIDLE示例：

---

我删除了高度：自动！重要信息在

#main

上。然后，我可以将

高度：100%

设置为

#list

但是我不确定是否需要

高度：auto

---

要给出更多解释，请使用高度：自动！重要信息使内容定义元素和元素的高度！重要的是覆盖高度：100%。在这种情况下，“sd”是

ul

中唯一的东西，因为

li

是绝对定位的，因此，它不是文档流的一部分。

我认为你不能给

ul

一个高度，因为它不是块元素。是你想要100%高的

ul

还是

li

s在里面？@JesseWebb

ul

是块级元素iirc。@antisanity-我以为只有

li

元素是块级元素。我试图确定这一点，但W3C站点（）没有说明这两种方法。你怎么确定呢？@JesseWebb如果一个元素不是块元素，你可以设置

display:block

，使其成为块元素。啊！有了这个解释，你就应该得到一个加分永远记住未来的访客对你的回答！很好的解释！非常感谢！：）+1-我不知道这是可能的，这在任何浏览器中都能工作吗？是的，它在任何现代浏览器中都能工作。IE8+我相信，Firefox、Chrome和Safari。