0

フッターとコンテンツ ボックスがあります。フッターは固定されているため、スクロールのどの時点でも表示されます。コンテンツ ボックスの高さは 100% ですが、その立ち上がりはフッターが始まる直前で終了します (フッター ボックスを越えて上に失敗しないようにするため)。

<div id="footer" style="border:4px solid black;"></div>
<div id="content" style="border:4px solid blue;"></div>

ここで問題が発生します。#content には、overflow:auto パラメーターがあり、ブラウザーの右側のスクロールバーが押しつぶされます。私の実際の例では、結果はさらに恐ろしいものになります ( #content 画像がスクロールバーを覆って非表示にしている間に、ストレッチ背景が適用されます)。

JSFiddle リンクは次のとおりです: http://jsfiddle.net/TAVmF/7/

ウィンドウの #content 部分に表示されるだけでなく、スクロールバーが適切な場所にあることを願っています。

皆さん、ありがとうございました。

編集：

問題はこの写真で見ることができます:

4

5 に答える 5

1 
html
{
    height:100%; 
    max-height:100%;  
    padding:0; 
    margin:0; 
}

への変更

html
{ 
    padding:0; 
    margin:0; 
}
于 2012-10-25T12:16:29.867 に答える
0

多分試してみてください：

#content
{
    display:block;
    top:0;
    width: 100%;
    left:0;
    bottom:170px;
    overflow:auto;
    position:absolute;
}

そして、から境界線を削除します<div id="content">

完全な例： http： //jsfiddle.net/EQV6S/13/

編集：私はこれがあなたが望むものだと思います：http： //jsfiddle.net/EQV6S/15/ それをチェックしてください:)

于 2012-10-25T12:12:03.407 に答える
0

#content {height：98％;を変更します。} 試す

于 2012-10-25T12:02:57.760 に答える
0

#content高さが 100% に設定されていて、下から 170 ピクセル上に押し上げている場合、上の 170 ピクセルは常にページの上部から外れます。100% - 170px より小さい別の高さを設定するか、こちらの回答の方法 3 を試すことができます。

于 2012-10-26T12:31:31.047 に答える
-1

コンテンツdivに250pxが残っているのはなぜですか？削除してみてくださいleft:250px;

デモ

于 2012-10-25T11:58:12.173 に答える