Html 小图片链接作为一个按钮，位于图片的右下角

我试着在图片上加一个链接到亚马逊的按钮，但它不仅不起作用，而且让我的网站都不稳定

。查看页面lander>img{
宽度：100%；
最大宽度：1169px；
保证金：0自动；
}
购买按钮{
高度：35px；
宽度：150px；
顶部：35px；
浮动：左；
位置：相对位置；
z指数：1；
}

---

正如我在评论中提到的，没有更多信息很难回答

首先，使用

.review page lander>img

不起作用，因为

表示直接子女

若要查找其他不起作用的内容，请在chrome中使用F12+inspect（或在其他浏览器中使用类似功能）查找正在应用的css

---

我建议将您的产品图像保持在“购买”按钮上方，并使“购买”按钮相对浮动，底部为40px

.lander image>img{
宽度：100%；
最大宽度：1169px；
保证金：0自动；
}
购买按钮{
高度：35px；
宽度：150px；
浮动：对；
位置：相对位置；
z指数：1；
底部：40px；
}

什么是“不可靠”，什么是“不工作”？？？链接是否正确打开？现在图像的样式是否有所不同？您是否使用F12（web inspect或您正在使用的任何浏览器中的类似名称）检查正在应用的css规则？最有可能的是，您可以尝试在第二张图像上添加

float:left

和

margin left:-150px

，使其位于亚马逊图像的“顶部”。考虑到你的图片链接是相对的，不可能看到你的问题。请更新您的问题，使其在一个列表中显示所有相关代码。有关更多信息，请参阅帮助文章，并选择：）您已使用的

。查看css中的页面lander

，并将

lander image

作为htmlPlease中的类名。请更新此线程，接受答案或通过评论或编辑提供详细信息，甚至自我回答为什么它无法回答您的问题。