ブロック内に要素があります。ブロックの高さは 500px で、幅は画面の 100% です。この構成では、元の高さの 500 ピクセルが表示されることを認識しています (css ファイルで設定した overflow:hidden プロパティのため)。
画像には次の css があります。
position: absolute;
top: 0;
left: 0;
JavaScript を使用せずに画像の下部を表示するには、どうすれば top プロパティで 100% を設定できますか? 私の英語でごめんなさい。これは理解を助けるためのイメージです:
CSS/HTML でこれを行う方法があるかどうかを知る必要があります。その前は、background-position プロパティを使用していましたが、サイトのパフォーマンスを最適化するためにこれに切り替えました (私の場合、background make too repaint イベント)。また、私のデザインは流動的なデザイン (ウィンドウの 100%) であり、スタイルの再計算によってページのパフォーマンスが低下するため、JavaScript を使用して相対位置をピクセル単位で取得することを恐れています。
画像は静的ではないことに注意してください。(画像は私のサイトのすべてのページで異なり、解像度も異なります)。
更新実際にbottom:100%は、イメージを親の高さの 100% に設定します。しかし、画像-100%の端を取得するには、どのように画像を設定するのでしょうか?
繰り返しますが、私の英語で申し訳ありません。あなたのヒントに感謝します!