-2

ドロップダウンナビゲーション付きのトップメニューがあり、ドロップダウンはメインメニューの右側にあります。

例:Purchased Items Drop Down Menu

                                     |-------------------|
            Purchased item           |  Dropdown Menu    |
                                     | ------------------|

サイズを変更したら、ドロップダウン メニューを購入済みアイテム テキストの上部に移動したいと考えています。html、js、またはjqueryでこれを行う方法を提案してください。買い取った

HTML

<div>
    <label>Purchased Items </label> 
    <select name="select"> 
        <option>Milk</option>
        <option>Coffee</option> 
        <option>Tea</option> 
    </select> 
</div>
4

1 に答える 1

0

CSS で簡単に実現できますが、HTML 要素の順序を変更する必要があります。

HTML:

<div>
    <select name="select"> 
        <option>Milk</option>
        <option>Coffee</option> 
        <option>Tea</option> 
    </select> 
    <label>Purchased Items </label> 
</div>

CSS:

label { float: left; }

作業例:

http://jsfiddle.net/pWMn7/2/

おそらく、後でフロートをクリアする必要があります。

div { overflow: auto; } /* clears floats without the need for extra markup */

...そして、ページ上のすべてのラベルと div に適用される CSS を停止するために、div/label に id またはクラスを与える必要がある可能性があります。

于 2013-05-28T10:46:35.937 に答える