如何使div垂直一直下降?

我有以下情况,显示在图片中。 灰色div是品红色和蓝色div的父项。 洋红div与内容垂直缩放。 我想让蓝色div始终缩放到包含灰色div的底部。 我搜索并尝试了各种组合,但都是零效应。

替代文字

编辑:问题解决了! 容器需要溢出:隐藏,我想伸展到底部(蓝色)的div需要padding-bottom:1000px; margin-bottom:-1000; (如果你需要更大的话)


如果你需要IE6以上的支持,答案是:你不能只用CSS。

有不同的解决方案来真正缩放div或者只是看起来像这样:

  • 您可以使用灰色div的背景图像(如果您只需要将背景完全拉伸)
  • 您可以使用javascript来计算灰色div的高度并将其应用于蓝色div
  • 有一个ccs选项使用非常大的填充和一个同样大的负边距,但我不记得它是否适用于所有浏览器,而且我现在找不到该文章。

    编辑:大填充/负边缘CSS解决方案:

    这篇文章正在讨论Firefox 1.5和Safari 2,所以我不知道它是否仍然有效,但是在这里。


    通过设置父母的div,我得到了这个工作(无论如何在Chrome中):

    position: absolute;
    

    和孩子的div:

    height: 100%;
    

    根据我的经验,将蓝色DIV的高度设置为100%不起作用。 唯一一次我想要这个是拥有蓝色DIV的背景,为了解决这个问题,你需要让灰色DIV的背景包含其他DIV的蓝色背景。

    链接地址: http://www.djcxy.com/p/42795.html

    上一篇: How to make div scale vertically all the way down?

    下一篇: Why Microsoft .NET Framework Client Profile is 256 MB?