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

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

1 个答案: