我有一个“文章框”,用于具有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
最佳答案
.wide-article-box {
@extend .article-box;
padding: 20px;
max-width: 900px;
position: relative;
#badge {
position: absolute;
top: 0;
right: 0;
max-width:260px;
}
#badge img {
border-width: 0px;
}
}
关于css - 在动态元素的右上 Angular 显示图像,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/12713071/