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

从位置更改div样式：绝对;定位：相对;它将把它放在牢房内。

Answer 3

你可以试试这个。

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

css定位基线

3 个答案: