css - 位置の混合: 絶対位置と固定位置

Question

Javascript 以外で次のことを行う方法を考えられる人はいますか。

画面のどこかに DIV 要素があります。その位置は予測できません。
固定幅で、ドキュメント内の他のすべてのコンテンツと重なる必要があります。「位置」が「絶対」に設定されています。
これがキャッチです: DIV の下端をViewportの下部に接着したいのです。要素に「bottom: 0px」を指定しようとしましたが、「高さ」の設定がない場合、DIV 全体が下隅に移動します。これは私が望むものではありません。ドキュメント内のランダムな位置からビューポートの下端まで伸ばしたいです。

JavaScript を使用しないと解決策が見えませんが、誰かが素晴らしいアイデアを持っているかもしれません。

score 2 · Accepted Answer

以下はIE6互換ではないと思いますが、他のすべてのブラウザで動作します。ボトムで、トップも与える必要があります。高さを設定すると、それが優先されます（伸びているのがわかるように境界線を付けました）：

<div style="position:absolute;top:150px;bottom:10px;width:100px;border:1px solid red;">
    I'm stretched to the  bottom
</div>

score -1 · Accepted Answer

これを試して

position:relative; もチェックしてみてください。位置:静的; 位置:固定;

ありがとう freeweb.pk

2 に答える 2