前端之家收集整理的这篇文章主要介绍了
html – 如何使div垂直向下垂直?,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下情况,如图所示.灰色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.
原文链接:https://www.f2er.com/html/232323.html