我正在尝试设计一个如下所示的电子邮件内容对话框:
header : text box
content : text area
go button(to submit)
' Go'按下内容'文本区域不会显示在对话框内。它将显示在对话框外部。当我试图在文本区域之前放置它工作正常。放置在文本区域旁边的任何内容(文本,按钮等)都会显示在对话框外部。如果我删除了文本区域,那么就去掉#39;按钮进来了。我增加了div的宽度也没有成功,请帮我解决这个问题。我的代码如下所示。
<div>
<div>
<div style="float:left;"><label>header:</label></div>
<div style="float:left;">
<input class="wideWidth" type="text" id="header_{0}" name="header_{0}" MaxLength="300" style="width:600px;" value="" />
</div>
</div>
<div style="clear:both;"></div>
<div>
<div style="float:left;">
<label>content:</label>
</div>
<div style="float:left;">
<textarea id="emailbody_{0}" name="emailbody_{0}"style="width:600px;height:100px" value="" ></textarea>
</div>
</div>
<div style="clear:both;"></div>
<div>
<input type="button" name="" class="btnGo" Value="Go" />
</div>
</div>