html - 在底部,html无法放置提交按钮 它位于旁边,由注释框而不是 below 注释框

  显示原文与译文双语对照的内容
107 2

我创建了一个jfiddle我相信很容易修复但是我不能解决。

http://jsfiddle.net/mt4jK/8/

 <h1 class="allpages">Questions or Concerns about Compliance Issues?</h1>
 <h3>We welcome all compliments and constructive criticism!</h3>
 <form class="webform" action="http://hsc.unm.edu/scripts/cfmailform/cfmailer.cfm" method="post">
 <!--Required hidden operators--> 
 <input name="recipient" type="hidden" value="bfloran@salud.unm.edu"/>
 <input name="subject" type="hidden" value="HSC Compliance Office Email Form"/>
 <input type="hidden" name="cc" value="mgwilson@salud.unm.edu"/>
 <input name="redirect" type="hidden" value="http://hsc.unm.edu/admin/compliance/ThankYOU.html"/> <!-- Field validation for the user -->
 <label for"name">Your Name (optional):</label>
 <input name="name" type="text" id="name" value=""/><br/>
 <label for"name">Your E-mail (Optional):</label>
 <input name="mail" type="text" value=""/><br>
 <label for"name">Comment:</label>
 <textarea name="comment" value=""> </textarea>
 <p>
 <div class="submit">
 <input type="submit" value="Submit"/>
 <input type="reset" value="Reset"/>
 </div>
 </form>

CSS {text-align:center;} {background-color: #eeeeee; 宽度:655像素;边框:实线;border-color:自动调整大小:200px: auto,padding: 15px,},label,label,label,padding,,5像素,浮点数:左,字体大小:14px ;字体粗细:粗体;} ;webform文本对齐:右,float,webform文本对齐:右,submit,submit

时间:原作者:0个回答

139 3

在textarea中有一个 float:left,这样删除它:

.webform textarea {width:200px; text-align:right; }

而不是这样:

.webform textarea {width:200px; text-align:right; float:left; }

示范

原作者:
141 0

看起来你的评论框的margin-bottom 搞乱了。submit div 。我发现,向你的。提交包装器添加一些 margin 将会推动它远远下降,以清除容器的它的他 margin-bottom 。尝试将这里添加到"。提交"类中:

css:

width: 230px;
margin: 50px auto;
原作者:
...