如何使div垂直一直下降?
我有以下情况,显示在图片中。 灰色div是品红色和蓝色div的父项。 洋红div与内容垂直缩放。 我想让蓝色div始终缩放到包含灰色div的底部。 我搜索并尝试了各种组合,但都是零效应。
编辑:问题解决了! 容器需要溢出:隐藏,我想伸展到底部(蓝色)的div需要padding-bottom:1000px; margin-bottom:-1000; (如果你需要更大的话)
如果你需要IE6以上的支持,答案是:你不能只用CSS。
有不同的解决方案来真正缩放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