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

Question

我希望div中的元素设置为高度100％。元素（ul元素）必须相对设置。列表项是绝对设置的，但是引用了父元素。

请参阅示例：http://jsfiddle.net/mbecker/ee78G/2/

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

提前致谢！

Answer 1

我删除了height: auto !important上的#main。然后，我就可以将height: 100%设置为#list。

我不确定height: auto是否有必要。

http://jsfiddle.net/KBHcs/

为了给出更多解释，height: auto !important使内容定义元素的高度，而！important则覆盖height: 100%。在这种情况下，“{s}”是ul中唯一的内容，因为li绝对定位，因此不属于文档流程。

Answer 2

您可以将#list元素设置为使用绝对定位，然后设置顶部和底部坐标。这是你修改过的jsfiddle的一个例子：

http://jsfiddle.net/ee78G/11/