css定位基线

我希望下拉菜单与上述 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>

最佳答案

这就是你应该这样做的方式:

<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/

关于css定位基线，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5805678/