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>的高度增加到 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>

Fiddle