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;">

当您将鼠标悬停在菜单上时，滚动条不会显示。

You still need to figure out where to put the added CSS in your CSS file, but I guess you can do that pretty easily. If not, let me know and I will try and add more info.

于 2013-02-09T15:25:30.467 回答