CSS最小高度的100%容器高度

wax*_*ing 14 html css

我有一种情况,我试图使一个元素占据其容器高度的100% - 并且容器元素只有指定的最小高度.不幸的是,当我这样做时,忽略height指令.这是一个例子."b"div,红色,应该填满整个父母.它没有,不是在IE7,Chrome或FF3.6中.

如果我对容器有"height:1px",那么"a"div,则"b"被拉伸到"a"的整个高度.看到这里.但这仅限于FF3.6和IE7,而不是Chrome.所以我想我在这里做错了.

我觉得这是一个普遍的问题,必须有一个解决方案,我只是没有看到.在这种情况下,实现伸展到高度的最佳方法是什么?

Baz*_*zzz 11

CSS表示子元素的高度是父元素指定高度的100%.如果您没有为父级指定高度,那么100%并不意味着什么.因此它不起作用.

您可以通过position:relative在父级和position:absolute子级上使用来实现您想要的:

http://jsfiddle.net/57EZn/25/

这不是一个美丽的解决方案,但它会做你想要的.

  • 如果父母的内容高于父母的最小高度,这将无法让父母伸出父母.无论如何,这可能是使用最小高度的重点. (5认同)
  • 因为突出的代码隐藏在jsfiddle中,这个答案是不完整的. (3认同)