为什么在textarea字段顶部提交按钮？

Question

在this page上：

我无法弄清楚如何欺骗CSS以便绿色＆＃34;立即注册＆＃34;按钮不在textarea字段的顶部。我希望它显示输入字段。

有什么想法吗？

Answer 1

转到css文件（woocommerce.css）找到这个类并添加一个margin-top：

.button, a.button.checkout {
  background: #6cbe42;
  padding-left: 2em;
  padding-right: 2em;
  margin-top: 50px;
}

Answer 2

问题是height设置为p.form-row-wide的容器textarea。 Chrome在视觉上正确打印，但CSS代码会产生以下结果：

因此浏览器中的“注册”按钮与textarea重叠。 要修复它，请更新CSS：

.woocommerce form .form-row-wide, 
.woocommerce-page form .form-row-wide {
   clear: both;
   height: auto;
}