2

タイトルの通りです。

で css ホバー メニューを作成しましたが<body>、常にブラウザの右上隅に配置したいと考えています。しかし、メニューにカーソルを合わせると、水平スクロールバーがブラウザーに表示されます。

誰かが理由を知っていますか?? そしてそれを解決する方法は？

ここに例のリンクがあります: http://jsfiddle.net/pdbYz/24/

4

4 に答える 4

3

あなたの汚いサブメニューがあふれています...それを試してください：

div#sub_menu div.sub_menu_top {
    width:150px;
}

http://jsfiddle.net/pdbYz/25/

于 2013-02-08T00:07:07.853 に答える
2

サブメニューのボックスシャドウが原因です。どういうわけかクリップする必要があります

編集：それはのためです<div class="sub_menu_top"></div>、あなたはそれの位置をに設定する必要がありますright:0

于 2013-02-08T00:01:07.827 に答える
1 
div#sub_menu div.sub_menu_top {
    width:250px;
    height:13px;
    background-image:url(../images/arrow_up.png);
    background-repeat:no-repeat;
    background-position:109px bottom;
    position:absolute;
    top:-13px;
}

削除するposition:absolute;と、スクロールバーが消えます。

于 2013-02-08T00:10:03.627 に答える
1

http://jsfiddle.net/pdbYz/24/の HMTL コードで、行を変更すると

<div class="drop_down_block" id="sub_menu">

に

<div class="drop_down_block" id="sub_menu" style="position:fixed; right:0px;">

メニューの上にカーソルを置いても、スクロールバーは表示されません。

追加された CSS を CSS ファイルのどこに配置するかを理解する必要がありますが、それはかなり簡単にできると思います。そうでない場合は、お知らせください。さらに情報を追加しようとします。

于 2013-02-09T15:25:30.467 に答える