html - 在底部 id 对齐文本框和文本区域

Question

html:

<table>
<tr>
<td>
<div style="position: absolute; bottom:0px; ">Other <input type="text" name="otherlocation"></div>
</td>
<td>
<div>Other <input type="textarea" name="locationdescription"></div>
</td>
</tr>
</table>

文本区域的高度：240px 和宽度：240px。现在<td>'s 的高度增加到 textarea 的高度，但我需要将文本输入框对齐在<td>.

上述风格不起作用。

Answer 1

我不确定我是否理解正确。但我想您需要在“其他”文本下方显示文本框。如果是这种情况，请尝试以下操作：

<table>
<tr>
<td>
    <div style="width:200px;height:300px; position:relative">
     <div style="position: absolute; bottom:0px;">Other <input type="text" name="otherlocation"></div>
    </div>
</td>
<td>
    <div style="width:200px;height:300px; position:relative">
        <div style="position: absolute; bottom:0px;">Other <input type="textarea" name="locationdescription"/></div>
    </div>    
</td>
</tr>
</table>

小提琴