gpt4 book ai didi

CSS Positioning-Position 相对和绝对 Bootstrap

转载 作者:行者123 更新时间:2023-11-28 16:07:26 28 4
gpt4 key购买 nike

基本上我的 HTML(使用 Bootstrap 类)中有一个页面,其中包含使用 thumbnailcaption 类展示的产品。在产品图片上方有一个 ON SELL(圆形红色标签)。我给这个红色圆圈元素 position absolutecol-sm-9 position relative。问题是,当我调整浏览器大小时,缩略图上的功能区没有响应。

我知道这两个定位属性的含义以及它们如何相互配合。但看起来在实践中我遗漏了一些非常重要的东西。

我会把我的 html 和 css 粘贴到这里,如果你能给我你的意见,我会很高兴以正确的方式学习它并向你表示感谢:)

这里有完整的代码:http://www.bootply.com/8TMS5WgWt2

最佳答案

.sale 的 CSS 中,将 left: 149px 的定位值更改为 right: -19px。这将有助于它在宽度变化时更好地定位。我还建议将您的 position: relative.col-sm-9 移到 .thumbnail

关于CSS Positioning-Position 相对和绝对 Bootstrap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38130407/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com