html - 按钮不在内容的末尾

Question

我正在尝试解决此网站上的一个问题，该问题基本上将“立即购买”按钮放在内容下方很远的位置。我的 friend 问我是否可以帮忙，我只是想知道这是否是标签的结构问题，还是需要很多 css 工作？我将在下面发布与开发检查员有关的元素的图片。谢谢....感谢任何帮助/指点。

如果您想查看问题，请链接到站点:

http://www.lovinghomecareservices.com/shop/

Answer 1

在您的 foundation.css 上替换以下内容:

第 9374 行:

.post-column-outer .product-post-column .content-buy-now {
  background-color: #f3f3f3;
  padding-left: 15px;
  padding-right: 15px;
  margin: 15px;
  text-align: center;
  text-transform: uppercase;
  height: 50px;
  width: 99%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  bottom: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}

与:

.post-column-outer .product-post-column .content-buy-now {
  background-color: #f3f3f3;
  padding-left: 15px;
  padding-right: 15px;
  margin: 15px;
  text-align: center;
  text-transform: uppercase;
  height: 50px;
  width: 99%;
  margin-left: auto;
  margin-right: auto;
}

另一方面，您有某种基于 JavaScript 的函数可以自动添加高度。