css - 如何将父 div 内的元素与底部 100% 对齐

Question

我有一个小问题正在努力解决。

我需要将一个元素与底部百分比 div 的顶部对齐：100% 但我无法让它在父 div 中对齐。

所以我需要的是底部：0% 与 div 的底部对齐，底部：100% 与顶部对齐。

有任何想法吗？

编辑：

http://jsfiddle.net/GmAEx/

我希望该示例中的灰色条与顶部对齐：使用 'bottom' 100%

Answer 1

它真的不明白你的意思bottom: 100%，也许你的意思bottom: 0;？

另请参阅您更新的示例。

=== 更新 ===

谢谢你的评论，我想现在我知道你想要什么了。问题是，bottom: 100%“滑块手柄”意味着它完全在父 div 之外。

在父级周围添加一个包装器，div其完整高度减去滑块句柄的高度，并添加一个具有滑块句柄高度的填充。用 替换父高度100%。将with,background-color和也移动margin-top到包装器中。

另请参阅bottom: 0%：更新示例。

另请参阅bottom: 100%：更新示例。

Answer 2

大概这是动态生成的，否则您只需使用它top: 0。

如果是这种情况，那么您可能有类似的情况：

child.style.bottom = y+"%";

在这种情况下，添加以下内容很简单：

child.style.marginTop = (child.offsetHeight/100*y)+"px";