2

何が問題なのかを明確に説明できるかどうかわかりませんので、ご理解ください。

私はこのHTMLコードを持っています:

<div id="container">
    <div id="navbar">
        ...
    </div>
    <div id="content">
        ...
    </div>
</div>

CSSコードは次のとおりです。

#container {
    display: block;
    width: 640px;
    height: 480px;
}
#navbar {
    display: block;
    position: fixed;
    width: 640px;
    height: 70px;
}
#content {
    display: block;
    marign: 70px 0 0 0;
    width: 640px;
    height: 410px;
    overflow-y: auto;
}

デスクトップおよび Android ベースのブラウザーでは正常に動作しますが、iPhone の Safari では... このページを拡大すると、コンテンツは正常に動作しますが、固定要素は画面に対して相対的な位置にとどまります。他のすべての要素は正常に動いています。

何が問題ですか？わからない...

4

3 に答える 3

-1

このコードを試してくださいhttp://jsfiddle.net/nandhakumarsri9/bkwLG/

#container {
    display: block;
    width: 640px;
    height: 480px;
    border: 1px solid #000;
    box-sizing: border-box;
    position: relative;
}
#navbar {
    display: block;
    position: absolute;
    width: 640px;
    height: 70px;
    border: 1px solid #F00;
    box-sizing: border-box;
}
#content {
    display: block;
    width: 640px;
    height: 410px;
    overflow-y: auto;
    border: 1px solid #00F;
    box-sizing: border-box;
    position: absolute;
    top: 70px;
}
于 2013-02-13T10:54:57.093 に答える
-1

位置が固定されている要素は、ブラウザ ウィンドウに対して相対的に配置されます。

top: 0;および/またはleft:0などを与える必要があります

于 2013-02-13T10:14:30.287 に答える