html - メニューがページの残りを押し下げるとき

Question

メニューがその下のコードに影響を与えないようにするにはどうすればよいですか? この問題は解決すると思いますposition:fixed;が、確信が持てません。

score 1 · Accepted Answer

を追加したくなるでしょう.menu { position:absolute; top: 45px; }。

このposition:absoluteプロパティは、レイアウトフローからサブメニューを取り出し、次のテキストの上に表示できるようにします。サブメニューは、ページ上に「スペース」を必要としません。はtop:45px、サブメニューを正しく配置します。

position:relativeまた、サブメニュー要素がその親要素に対して相対的に配置されるように、サブメニューの親要素をに設定する必要があります。この場合、これは45px上からになります！

score 0 · Accepted Answer

これを行う 1 つの方法は、メニューに絶対位置を使用することです。

position:absolute;
top:55px;
right:8px;
z-index:9999;

以下に例を示します。

score 0 · Accepted Answer

0

使用しposition:absoluteました。結果は次のとおりです。http://jsfiddle.net/u9EEt/4/

于 2013-04-10T14:13:07.480 に答える

score -1 · Accepted Answer

表示を追加してみてください：修正済み

.menu {
    float: right;
    width: 200px;
    height: auto;
    position: fixed;
}

4 に答える 4