最小高度分钟高度css

我试图有一个div有最小高度100％和antoher与最小高度100％以及。最小高度分钟高度css

我不允许触摸标记，它必须用纯CSS来完成。它也必须在IE6 +，所以我不能使用显示：表。

我该如何做到这一点？

目前我有HTML，身体设置为高度：100％，包装设置为最小高度：100％，但内部div需要外部div有一个高度设置，以便有％设置本身..

这个问题的最佳解决方案是什么？

来源

2012-11-04 user1721135

我不明白你真正想要达到的目标。请张贴标记（因为它是固定的，并且必须作为基础来使用），以及您想要实现的图像（最好清晰标记div应该从哪里开始和结束）。 – GolezTrol

为什么不只是高度而不是最小高度？ – Sparky

@ Sparky672如果你只是使用高度，div不会像min-height那样重排。调整我发布的JS小提琴以查看此问题。 – Fenton

如果您需要支持IE6，最小高度不在图片中。

您可以在其他浏览器中使用min-height，并在IE中添加条件语句来设置高度而不是最小高度。

IE8及以上版本支持最小高度。

对于支持最小高度的浏览器，实际上并不需要嵌套最小高度声明。您只需要外部元素的最小高度，内部元素使用高度。

例子：http://jsfiddle.net/dmyN6/

body, html { 
    height: 100%; 
} 

.a { 
    min-height: 100%; 
    background-color: blue; 
} 

.b { 
    height: 100%; 
    background-color: aqua;  
}

来源

2012-11-04 18:13:58 Fenton

以及IE6中使用高度而不是最小高度，所以这不会是一个问题，我的问题是更多，如果有一种方法来分高度在最小高度 – user1721135

我已经添加了一个例子 - 你不需要嵌套'min-height'。元素使用'min-height'自动增长，外部元素使用'height-height'，内部元素使用'height'。 – Fenton

问题是，内部div现在延伸更多的内容，但没有填充外部div没有内容看到我的js小提琴的编辑，看看我的意思，水色框应该像外部一样高，无论内容http： //jsfiddle.net/dmyN6/1/ – user1721135

最小高度分钟高度css

回答

相关问题