我有以下情况,如图所示。灰色div是洋红色和蓝色div的父对象。洋红色div随内容垂直缩放。我希望蓝色div始终缩放到包含灰色div的底部。我已经搜索并尝试了各种组合,但都没有效果。

编辑:
问题解决了!容器需要溢出:隐藏,而我想拉伸(stretch)到底部(蓝色)的div需要padding-bottom:1000px;底边距:-1000; (如果需要,可以更大)

最佳答案

如果您需要IE6及更高版本的支持,答案是:您不能仅使用CSS。

有多种解决方案可以真正扩展div或使其看起来像这样:

  • 您可以为灰色div使用背景图像(如果您所需要的只是将背景一直向下拉伸(stretch)的话)
  • 您可以使用javascript计算灰色div的高度并将其应用于蓝色div

  • 有一个ccs选项使用很大的填充和同样大的负余量,但是我不记得它是否适用于所有浏览器,并且我现在找不到这篇文章。

    编辑:大填充/负边距css解决方案:

    本文讨论的是Firefox 1.5和Safari 2,所以我不知道它是否仍然有效,但我知道here it is

    关于html - 如何使div一直向下垂直缩放?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/1065408/

    10-12 12:36
    查看更多