базовая линия позиционирования css

Question

Я бы хотел, чтобы раскрывающийся список имел одинаковый базовый уровень Btn1-2 и Btn3 выше, , но внутри ячейки .В основном наоборот, как сейчас.Что мне не хватает?Спасибо

<table style="width:100%">
    <tr style="border:1px solid #000">
        <td>
            <div style="position:relative">
            <input type="button" value="Bt1" /> 
            <input type="button" value="Bt2" /> 
                <div style="position:absolute; top:0; right:0;">
                    <input type="button" value="Btn3" /> <br />
                    <select>
                        <option>Hello</option>
                    </select>
                </div>
            </div>
        </td>
    </tr>
</table>

Answer 1

Вот как вы должны это сделать:

<table style="width:100%">
    <tr style="border:1px solid #000">
        <td>
            <div style="float:left;">
            <input type="button" value="Bt1" /> 
            <input type="button" value="Bt2" /> 
            </div>
            <div style="float:right;">
            <input type="button" value="Btn3" />                    
                   <select>
                        <option>Hello</option>
                    </select>
            </div>
        </td>
    </tr>
</table>

Установить float для двух divs.Вот демо: http://jsfiddle.net/naveed_ahmad/DnWWy/

Answer 2

Вы можете попробовать это.

<table style="width:100%">
<tr style="border:1px solid #000">
    <td>
        <div style="position:relative">
        <input type="button" value="Bt1" />
        <input type="button" value="Bt2" />
            <div style="position:absolute; top:0; right:0;">
                <input type="button" value="Btn3" />
                <select>
                    <option>Hello</option>
                </select>
            </div>
        </div>
    </td>
</tr>

Answer 3

Изменить стиль div с позиции: absolute; для положения: относительный; который будет держать его внутри клетки.