<body style="min-height:2000px;">
<div id="test" style="position:relative;bottom:0;">
some dynamically changed content
</div>
</body>
我期待什么: -
如果#test身高大于或等于身体,它应该坚持到底部(因为它现在发生块模型) -
如果#test高度小于身体,它应该坚持到底部,在它上面有白色空间.(这不会发生,#test不会坚持到底).
- 使用位置:绝对是不可接受的,因为#test当#test高于身体时不会影响身高.
- 使用位置:固定是不可接受的,因为那时#test会粘在窗户的底部,而不是身体.
问:我可以使用css获得我期望的结果吗？怎么样？
抱歉英语不好,但我认为这个问题很容易理解.
谢谢.
PS:我在css中需要它,因为一些动态改变的内容是通过js改变的,我想避免#test每次改变时重新计算div位置.
UPD:
我也试过一些display:inline-block; vertical-align:bottom;东西仍然没有结果.
UPD2:
谢谢你们,似乎仍然是,最简单的方法就是在我的javascript中添加几行来重新计算#test身高变化时的身高.