html - 表单对齐问题 firefox，即 9 和 8

Question

我在这个页面上有这个表格:http://powellgroupconstruction.com/contact-us/但在 Firefox 中，即 9 和 8，表单按钮确实对齐到文本框的末尾(chrome 完美地做到了)...我该如何解决？

<p style="float:left; width:440px;"><span class="wpcf7-form-control-wrap message"><textarea name="message" cols="40" rows="6" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false" style="
    height: 115px;
">Questions/Comments</textarea></span> <input type="submit" value="Submit" class="wpcf7-form-control wpcf7-submit"><img class="ajax-loader" src="http://powellgroupconstruction.com/wp-content/plugins/contact-form-7/images/ajax-loader.gif" alt="Sending ..." style="visibility: hidden;"></p>

input.wpcf7-submit {
float: right;
border-radius: 5px !important;
background-color: #FFF !important;
color: #000 !important;
background-image: none !important;
border: 0 !important;
font-style: italic;
font-weight: bold !important;
box-shadow: none !important;
font-family: Arial;
font-size: 16px !important;
}

Answer 1

textarea 比 p 元素宽 – 看起来您没有给 textarea width完全没有，所以它的宽度只依赖于它的 cols ......

给它一个 width 的 100% 并将 box-sizing 设置为 border-box (仍然需要为前缀 -moz-box-sizing for Firefox)，那么它应该适合可用宽度。