Javascript 同位素/砖石-角印不'；t出现在左上角

我在同位素布局中遇到了一个问题，我设置了cornerStampSelector属性，但是.corner stamp元素似乎总是显示在左侧。我已经将CSS设置为float：就在这个元素上，但它似乎没有任何区别。以下是我的jQuery代码：

jQuery(function() {
    var jQueryalpha = jQuery('.full-width-isotope #preload-grid');
    var jQuerycontainer = jQuery('.full-width-isotope #full-width-grid'),
            // create a clone that will be used for measuring container width
            jQuerycontainerProxy = jQuerycontainer.clone().empty().css({visibility: 'hidden'});

    jQuerycontainer.after(jQuerycontainerProxy);
    // get the first item to use for measuring columnWidth
    var jQueryitem = jQuerycontainer.find('.item').not('.w2').eq(0);

    jQuery(window).smartresize(function() {
        if (jQuery(window).width() <= 768) {
            var colNumber = 2
        }
        else if (jQuery(window).width() <= 480) {
            var colNumber = 1
        }
        else {
            var colNumber = 4
        }
        var colWidth = Math.floor(jQuerycontainerProxy.width() / colNumber);
        jQuerycontainer.css({
            width: colWidth * colNumber
        })
                .isotope({
                    resizable: false,
                    itemSelector: '.item',
                    masonry: {
                        columnWidth: colWidth,
                        cornerStampSelector: '.corner-stamp'
                    }
                }).isotope('insert', jQueryalpha.find('.item'));
    }).smartresize();

});

HTML

---

您的角印不应具有“项目”类别

<div class="item corner-stamp"></div>

应该是

<div class="corner-stamp"></div>

hi-这似乎没有什么区别。是否有需要应用于角戳类的局部样式？根据您的代码，我假设您使用的是同位素v1，而不是2？由于删除了.item类，您的css现在需要：'.full-width同位素.corner-stamp{background:#888！important；float:right！important；}更好的方法是

。corner-stamp{background:#888！important；float:right！important；}

您也可以始终将位置设置为绝对位置

。corner-stamp{position:absolute；right:0；background:#888！important；}

这是一个JSFIDLE，上面有一个带有同位素v1的右角戳：我不太明白你想用同位素代码做什么，所以我在小提琴中修改了它。

<div class="item corner-stamp"></div>

<div class="corner-stamp"></div>