0

在我的网站MInGamez.com上，我有一行名为Products的文本，我稍后会将其更改为Menu，但我遇到了问题，因为我需要它并且下拉菜单必须在右侧，其预定义的 35px；，那么我怎样才能将我的下拉列表向右对齐？

提琴手

并且因为我必须使用 js fiddle 添加代码，所以我将在下面发布我的 html，

HTML

<!--start menu -->
<div id='cssmenu'>
<ul>
<!-- site logo -->
    <li class='active'><a href='index.html'><span><img style="height: 35px;width:75;" src="images/logo_image.png" alt="website logo"/></span></a>
    </li>
<!-- end site logo -->
<!-- search form -->
        <li class="active"><span>
<div>
<form id="searchform">
    <div>
    <input type="text" size="30" value="" id="inputString" onkeyup="lookup(this.value);" />
    </div>
    <div id="suggestions"></div>
</form>
</div>
    </span>
        </li>
<!-- end search -->
<!-- drop down -->
    <li class='has-sub'><a href='#' style="align:right;"><span>Products</span></a>

        <ul>
            <li class='has-sub'><a href='#'><span>Product 1</span></a>

                <ul>
                    <li><a href='#'><span>Sub Item</span></a>
                    </li>
                    <li class='last'><a href='#'><span>Sub Item</span></a>
                    </li>
                </ul>
            </li>
            <li class='has-sub'><a href='#'><span>Product 2</span></a>

                <ul>
                    <li><a href='#'><span>Sub Item</span></a>
                    </li>
                    <li class='last'><a href='#'><span>Sub Item</span></a>
                    </li>
                </ul>
            </li>
        </ul>
<!-- end drop down -->
</ul>
</div>
<!-- end menu -->
4

2 回答 2

1

像这样的东西？

我已经添加：

#cssmenu ul ul > li:hover > ul {
    left: 190px !important;
}
于 2013-06-09T04:43:37.767 回答
0

你为什么不简单地给出最外面的 div aposition: relative;然后给出菜单position: absolute; right: 35px;或其他东西。这将确保菜单保持浮动，右对齐，在最外面的 div 的受限边界内。

于 2013-06-09T06:01:13.153 回答