css 对齐下拉到右边

Question

我正在使用此页面中的 css/javascript 下拉菜单:

http://javascript-array.com/scripts/simple_drop_down_menu/

尽管我想让最右边的下拉菜单向右对齐:当您将鼠标悬停在“联系方式”上时，“电子邮件”元素等不会比顶部的“联系方式”框更靠右, 而是在需要时从左侧占用空间。这是一张有助于澄清的图片:

我想过我会制作一个不同类(class)的极右翼:

<li class="alignRight"><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">Contact</a>
    <div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
    <a href="#">E-mail</a>
    <a href="#">Submit Request Form</a>
    <a href="#">Call Center</a>
    </div>
</li>

使用 CSS:

.alignRight {
    float: right;
}

但这不起作用。

如何将下拉菜单“对齐”到右侧？

Answer 1

将 position:relative; 添加到 .alignRight 并将 right:1px; 添加到 .alignRight div