如何使div垂直向下垂直？

Question

我有以下情况,如图所示.灰色div是洋红色和蓝色div的父级.洋红色div与内容垂直缩放.我想蓝色div总是缩放到包含灰色div的底部.我搜索并尝试了各种组合,但都是零效果.

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

Answer 1

如果您需要 IE6 及更高版本的支持，答案是：您只能在 css 中\xc2\xb4t。

\n\n

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

\n\n

\n
1. 您可以为灰色 div 使用背景图像（如果您需要的只是背景一直向下拉伸）
\n
2. 您可以使用javascript计算灰色div的高度并将其应用到蓝色div
\n

\n\n

有一个 ccs 选项使用非常大的填充和同样大的负边距，但我不记得它是否适用于所有浏览器，而且我现在找不到这篇文章。

\n\n

编辑：大填充/负边距CSS解决方案：

\n\n

这篇文章谈论的是 Firefox 1.5 和 Safari 2，所以我不知道它是否仍然有效，但它是。

\n