CSS列高不能继承

时间:2011-10-24 15:48:12

标签: css height doctype inheritance

我正试着这个...... http://jsfiddle.net/K2NPz/1/

变成...... http://postimage.org/image/1zjcktz2c/

左图是当前的,右图是理想的。我似乎无法让它工作,因为继承属性(和100%)实际上没有做任何事情。 DOES 在Quirks模式下工作,但我需要使用真实的Doctype(HTML5或XHTML 1.0 Strict)。

1 个答案:

答案 0 :(得分:0)

height:100%表示100%的父元素,但renderzone div没有指定高度。根据{{​​3}},当“身高:100%”......

  

如果未明确指定包含块的高度(即,它取决于内容高度),并且此元素未完全定位,则该值将计算为“auto”。

围绕“auto”的逻辑相当复杂,所以我无法给出如何处理它的答案,但我可以通过设置所有父容器(包括根据{{​​3}}的建议,将“body”&“html”改为height:100%。它需要调整,但应该让你朝着正确的方向。