0

それが 10^6 $ の質問です。

私はこれについて多くのことを検索して読みましたが、次の問題に対応する最先端の方法はありますか?

if height(block content) < height(viewport):
    height(block) = height(viewport)
else:
    height(block) = height(block content)

ブロックの下部は常にページの下部に接する必要があります。これを行うための最もシンプルでクリーンなクロスブラウザの方法を探しています。

ありがとうございました！

4

3 に答える 3

1

min-heightあなたが説明しているものです。パーセンテージの高さを機能させるhtmlには、 、 、およびすべての親タグに高さを指定する必要があることを知っておいてください。body

html, body, #someBlockId { 
    margin: 0;
    padding: 0;
    min-height: 100%;
}

注:マージンとパディングは高さの計算後に追加されるため、削除する必要がありました。box-sizingこの動作を変更できますが、完全にクロスブラウザーではありません。

于 2013-09-12T15:39:42.077 に答える