Html 为什么提交按钮位于textarea字段的顶部？

关于：

我不知道如何使用CSS，这样绿色的“立即注册”按钮就不会出现在textarea字段的顶部。我希望它显示在输入字段下面

有什么想法吗？

转到css文件（woocommerce.css）找到该类并将其添加到页边空白顶部：

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

---

问题在于

文本区域
的容器
p.form-row-wide
的
高度设置。Chrome可以在视觉上正确打印，但CSS代码会产生以下结果：


因此，浏览器中的“注册”按钮与文本区域重叠。
要修复此问题，请更新CSS：

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

这是一个付费的WordPress主题。检查你的html文件，我并不是这样做的，但是你的回答肯定会引导我走上正确的道路-谢谢！问题是p的高度。看我的截图。