0

私のウェブサイトMInGamez.comには、 Productsという名前のテキスト行があります。後でそれをMenuに変更しますが、それが必要であり、ドロップダウン メニューが事前定義された 35px で右側にある必要があるため、問題が発生しています。、どうすればドロップダウンを右に揃えることができますか?

Jsフィドル

jsフィドルを使用してコードを追加する必要があるため、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

position: relative;最も単純に最も外側の div aを指定してから、メニューなどを指定してみませんかposition: absolute; right: 35px;。これにより、最も外側の div の限定された境界内で、メニューが右揃えで浮いたままになります。

于 2013-06-09T06:01:13.153 に答える