jquery - 图像上的 div float 位置

Question

我的问题是 .figure 字段是 100%，但是 .recomddo 在不去 .figure 的 Angular 的情况下在图像上没有位置> ，我想要的是位置 img 上的 .recomddo

如何用 jQuery 或 css 实现这种效果，我们感谢帮助

        figure.envoltura {
            position: relative;
            display: block;
            margin-bottom: 40px;
        }
        figure {
            margin: 0;
        }
        .page_img {
            border: 2px solid #ddd;
            background-color: #fff;
        	max-width: 100%;
        }
        .recomddo, .recomddo:before {
            width: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            color: #fff;
        }
        .recomddo {
            position: absolute;
            background-color: #F1C40F;
            top: 10px;
            right: -10px;
            border-radius: 5px 5px 0 5px;
            font-weight: bold;
        }
        .recomddo:after {
            width: 0;
            height: 0;
            border-top: 10px solid #C19D0C;
            border-right: 10px solid transparent;
            content: '';
            position: absolute;
            bottom: -10px;
            right: 0;
        }

      <figure id="fig_solo" class="envoltura">
            <img class="page_img" src="http://placehold.it/350x150">
        	<span class="recomddo">1</span>
        </figure>

Answer 1

.recomddo {
    position: absolute;
    background-color: #F1C40F;
    top: 0px;
    left: 322px;
    border-radius: 5px 5px 0 5px;
    font-weight: bold;
}

希望这对你有用。