我有一个“文章框”,用于具有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/

10-10 00:14