jquery - 在 HTML 中使 div 从底部 float

Question

我想看看是否可以从下到上 float html DOM 元素，而不是通常的从上到下方法。

通过这种方法，我想要做的是，当一个 div 元素放置在另一个 div 元素之上时，如果我们实时隐藏顶部的元素，我希望底部的元素本身向下 float ，而不是向上 float .

这是一个工作 fiddle ，http://jsfiddle.net/6XG87/1/ ，如果点击“隐藏红色”，可以看到底部的蓝色元素向上 float 。我在 css 中尝试过 vertical-align:bottom ，但是没有用。

还有其他 css 方法可以使此功能正常工作吗？

Answer 1

像这样

<强> demo

<强> demo1

CSS

#inner2{
    height:80%;
    background:blue;
    vertical-align:bottom;
position:absolute;
    bottom:0;
    width:100%;
}