css - 親div内の要素を下100%に揃える方法

Question

私は苦労している小さな問題があります。

要素をパーセント div の上部に配置する必要があり、下: 100% ですが、親 div 内に配置することはできません。

だから私が必要としているのは、bottom: 0% を div の下部に合わせ、bottom: 100% を上部に合わせることです。

何か案は？

編集：

http://jsfiddle.net/GmAEx/

そのサンプルの灰色のバーを上に揃えたい: 「下」を 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";