1

私はここからいくつかの脂肪メニューを生成する次のコードを持っています:

<ul id="menu">

        <li class="menu_right"><a href="" class="drop">1 column</a>
            <div class="dropdown_1column align_right">

                    <div class="col_1">

                        <ul class="simple">
                            <li><a href="#">FreelanceSwitch</a></li>
                            <li><a href="#">Creattica</a></li>
                            <li><a href="#">WorkAwesome</a></li>                            
                        </ul>   

                    </div>

            </div>
        </li></ul>

スタイルは次のとおりです。

#menu .menu_right {
    float: right;
    margin-right: 0px;
}
#menu li .align_right {
    /* Rounded Corners */
    -moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}
#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
    left: -1px;
    top: auto;
}
#menu li {
    float: left;
    display: block;
    position: relative;
    padding: 4px 10px 4px 10px;
    margin-right: 30px;
    margin-top: 7px;
    border: none;
}
#menu li:hover {
    border: 1px solid #777777;
    padding: 4px 9px 4px 9px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
#menu li a {        
    display: block;
    outline: 0;     
}

right:-1px;が から削除された場合、#menu li:hover .align_rightドロップダウンの右端は親の右端、つまりメニューバーの「1 列」と整列しなくなります (代わりに、ドロップダウンの左端が親と整列します)。

right の負の位置の意味は何ですか? 通常、左/右の負の値には、ドロップダウンで発生する要素を非表示にする目的があります。つまり、左が負の場合は通常非表示になり、左が負でなくなると表示されます。

4

1 に答える 1

4

私はそれをチェックしてください解決策を得ましたhttp://jsfiddle.net/v4Jwu/

HTML

<select>
<option value="1">Client: Zac Brown Band</option>
<option value="2">Saab</option>
<option value="3">Mercedes</option>
<option value="4">Audi</option>
</select>

CSS

select { direction: rtl; }
于 2013-10-09T05:10:49.490 に答える