html – 如何使div垂直向下垂直？

概述我有以下情况,如图所示.灰色div是洋红色和蓝色div的父级.洋红色div与内容垂直缩放.我想蓝色div总是缩放到包含灰色div的底部.我搜索并尝试了各种组合,但都是零效果. 编辑： 问题解决了！容器需要溢出：隐藏,而我想要伸展到底部的蓝色(蓝色)需要填充底部：1000px; margin-bottom：-1000; (如果需要,可以更大) 如果你需要IE6及以上版本的支持,答案是：你不能只用cs 我有以下情况,如图所示.灰色div是洋红色和蓝色div的父级.洋红色div与内容垂直缩放.我想蓝色div总是缩放到包含灰色div的底部.我搜索并尝试了各种组合,但都是零效果.

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

解决方法 如果你需要ie6及以上版本的支持,答案是：你不能只用CSS.

有不同的解决方案来真正扩展div或只是看起来像这样：

>你可以使用背景图像作为灰色div(如果你需要的是背景,一直向下伸展)
>您可以使用JavaScript计算灰色div的高度并将其应用于蓝色div

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

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

这篇文章谈论的是firefox 1.5和Safari 2,所以我不知道它是否仍然有效,但是here it is.

总结

以上是内存溢出为你收集整理的html – 如何使div垂直向下垂直？全部内容，希望文章能够帮你解决html – 如何使div垂直向下垂直？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。