HTML textarea高度影响相应行的td高度

Question

我最近开始从事Web开发工作，目前我正在开发一个PHP脚本中的html表单。我有一个带texpanrea的rowspan的td。但是当我增加textarea的“行”时，同一行中的td开始扩展（这里是名字字段td）。下图将解释它

我的代码是：

<table style=" width: 500px;">
<tr>
	<td style="text-align: right; padding: 5px; width: 60px; margin:5px;">*Name</td>
	<td><input name="name" type="text" id="name" size="30" value="<?php echo $name; ?>" /></td>
	<td rowspan="3" style="vertical-align: top; text-align: right; padding: 5px;margin: 5px;">*Message</td>
	<td rowspan="3"><textarea name="comments" cols="100" rows="5" id="comments" class="mtextarea" style="resize: none;"><?php echo $comments; ?></textarea></td>
	
</tr>
<tr>
	<td style="text-align: right; padding: 5px; margin: 5px;">*Email</td>
	<td><input name="email" type="text" id="email" size="30" value="<?php echo $email; ?>" /></td>
</tr>
<tr>
	<td style="text-align: right; padding: 5px;margin: 5px;">*Subject</td>
	<td><input name="subject" type="text" id="subject" size="30" value="<?php echo $subject; ?>" /></td>
</tr>
<tr>
	<td colspan="4"><div style="text-align:center"><input name="contactus" type="submit" class="submit" id="contactus" value="Submit"
	style="background-color: #DF1D2A; 
	width:100px; 
	color: white; 
	padding:7px 15px; 
	border:0 none; 
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	font-size: 15px;"/></div></td>
</tr>
</table>

我曾尝试在网上寻找，但仍然没有运气。我不知道到底要找什么。任何指针都会有所帮助。

由于

Answer 1

我没有看到代码有任何问题，但如果您只想更新文本区域，则可以始终使用分配给它的类'.mtextarea'并添加宽度。

Answer 2

这没有任何问题（只要这些PHP变量被清除并且没有标记）。

您可能在项目中添加了一些其他CSS，这会导致导致此问题的冲突样式。我建议使用＆＃34;检查元素＆＃34;并查看应用于＆＃34; Name＆＃34; td和＆＃34;消息＆＃34; td，以及其中的输入。我会有选择地禁用任何无关的布局相关样式，看看你是否可以解决问题。