2

ヘルプ！この質問がどこかで答えられている場合は申し訳ありませんが、私はそれを見つけようとしました。モバイル ブラウザーでの固定位置についてはたくさん読んでいますが、それは私が望んでいることではありません。

私が欲しいのは、ページがスクロールを保証するのに十分な長さであるかどうかに関係なく、ページの一番下 (ビューポートではありません) に配置するボタン (読み取り: フッター div) だけです。モバイル ブラウザで「固定」位置に問題がある理由は完全に理解できますが、ボタンをビューポートに合わせようとはしていません。DOCUMENT内に絶対配置してほしい。それにもかかわらず、div は何らかの形式の中途半端な固定配置を行っています。ビューポートと一緒に移動しますが、ページの下部に移動することさえできません (スタックします)。ドキュメント内で div の位置を定義できないのはなぜですか? これはJavascriptなしでは不可能ですか？そうすべきだとしても意味がありません。

これが私がやっていることです

<!doctype HTML>
<html><head>...
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
...
<body><div class='container'>

...

<div class='footer'></div>
</div></body></html>

CSS

html{
    height:100%;
}

body{
    height:100%;
}

.container{
    height:100%;
    width:100%;
    position:absolute;
    top:0px;
    left:0px;
}

.footer{
    position:absolute;
    bottom:0px;
    left:0px;
}

本能は、これはうまくいくはずだと教えてくれます...明らかに私は間違っています。モバイル ブラウザでこの種のポジショニングを行うことさえできないのでしょうか。前もって感謝します！

4

1 に答える 1

0

気にしないで...私はそれを解決したと思います! 「最小高さ:100%;」トリックを行うようです。でもありがとう。

于 2012-08-04T05:21:43.627 に答える