0

したがって、本文の最小幅が 960px の流動的なレイアウトがあります。意図したとおりに機能する固定ヘッダーと、垂直スクロールで固定したままにしたい右側のナビゲーションバーがあります...これも機能します。

ただし、ウィンドウのサイズを 960px 未満の幅に変更すると、右側のナビゲーション バー (位置:固定) がコンテンツをオーバーレイするのではなく、水平スクロールの右側にとどまるようになります。

#mainnav {
    width:20%;
    height:100%;
    margin-left:80%;
    position:fixed;
}

#mainhead{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:46px;
}

#contentcontain{
    margin-top:46px;
    width:80%;
}

私はJSを使用してそれを行うことができると確信していますが、JSなしでもっと簡単な方法があるかどうか疑問に思っていました.

ありがとう、

ドム

4

1 に答える 1

0

position:fixed を持つ要素は、ドキュメント レイアウトの通常のフローから引き出され、z-index 値を指定しない限り、常に一番上に配置されます。

于 2013-06-25T15:13:30.587 に答える