0

メニューがあります。そして、ドロップダウンがあります。ドロップダウンにも同じサイズの親が必要です。

私のHTML

<ul>
   <li class="noChild"><a href="#" class="" >MY ACCOUNTS</a></li>
    <li class="noChild "><a  href="#" >LIBRARY</a></li>
    <li class=""><a href="#">OUR DEPOSIT OFFERS </a>
    <ul>
        <li  class="dropdownSizeDn"><a  href="#">OFFERS 1 </a></li>
        <li class="dropdownSizeDn"><a  href="#">OFFERS 2</a></li>
        <li class="dropdownSizeDn"><a  href="#">OFFERS 3</a></li>
    </ul>
    <li class="noChild"><a href="#">LOGOUT</a></li>
</ul>

jQuery

jQuery("#menu1 li").hover(function(){
    jQuery(this).find('ul:first')
       .css({
           visibility: "visible",
           display: "none",
           marginLeft:"0px",
           paddingLeft:"0px"})
       .show(200);
},function(){
    jQuery(this).find('ul:first').css({visibility: "hidden"});
});

上記のコードから、すべての子（ "OFFERS 1"、 "OFFERS 2"、 "OFFERS 3"）に対して同じ幅の "OURDEPOSITOFFERS"を設定する必要があります。ここでは、Jqueryでそれを行うことができます。好き

jQuery('.dropdownSizeDn').css('width',widthLi + "px");

対応する親にカーソルを合わせます。ただし、CSS自体で設定したいと思います。これを行う方法はありますか？私はcss3の修正を好みません。古いブラウザと互換性がある必要があります。

編集 私は各子の幅をハードコーディングすることはできません。これは私のcssjsfiddleです

4

2 に答える 2

0

ドロップダウンで各子の幅を、親と同じ固定幅 (幅: 120px) に設定できます。

于 2013-03-02T18:26:16.907 に答える
0

あなたのCSSがわからないので、すべてのベースをカバーします:

ul li ul, ul li ul li, ul li ul li a {
    width: 100%;
}
于 2013-03-02T18:43:14.680 に答える