我有一个“文章框”,用于具有 2 个不同宽度的几个不同页面。我有一个图像,我想在每个框的右上角显示。我如何使用 css 在每个框的右上角正确显示图像?
我有以下 css 代码不太好用,在此先感谢。
.wide-article-box {
@extend .article-box;
padding: 20px;
max-width: 900px;
#badge {
position: relative;
max-width:260px;
}
#badge img {
position: absolute;
border-width: 0px;
}
}
并且在视图中
<div class="wide-article-box">
<!--text etc -->
<div id="badge">
<%= image_tag "BLH_BADGE.png" %>
</div>
</div