我正在尝试解决此网站上的一个问题,该问题基本上将“立即购买”按钮放在内容下方很远的位置。我的 friend 问我是否可以帮忙,我只是想知道这是否是标签的结构问题,还是需要很多 css 工作?我将在下面发布与开发检查员有关的元素的图片。谢谢....感谢任何帮助/指点。
如果您想查看问题,请链接到站点:
最佳答案
在您的 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 的函数可以自动添加高度。
关于html - 按钮不在内容的末尾,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51314158/