如何将父div中的元素与底部100％对齐

Question

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

我需要将一个元素对齐到底部百分比div的顶部：100％但是我不能让它在父div中对齐。

所以我需要的是底部：0％与div和bottom的底部对齐：100％与顶部对齐。

有什么想法吗？

编辑：

http://jsfiddle.net/GmAEx/

我希望该样本中的灰色条对齐到顶部：使用'bottom'100％

Answer 1

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

另见your updated example。

=== UPDATE ===

感谢您的评论，我想现在我知道您想要得到什么。问题是，'滑块句柄'bottom: 100%表示它完全位于父div之外。

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

另见bottom: 0%：updated example.

另见bottom: 100%：updated example.

Answer 2

据推测，这是动态生成的，否则您只需使用top: 0。

如果是这种情况，那么你可能会有：

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

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

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