JSFiddle - React, Tailwind, and code Playground

by zerolfc

HTML

<article>
    <div class="obj" style="top:120px;"></div>
    <div class="obj" style="top:180px;"></div>
    <div class="obj" style="top:50px; left: 100px;"></div>
    <div class="obj" style="top:120px;"></div>
    <p class="obj auto-height" style="top:200px; left: 200px;">Lorem ipsum dolor sit amet, nec te dicam epicurei, quo id graeci iisque neglegentur, eu pri molestie imperdiet intellegebat. Usu laoreet tibique deterruisset in, fabulas iracundia at pro, est cu purto probo mentitum. Usu in adipisci qualisque, eos corpora accumsan pericula at. Vix nostro ceteros eu, quas principes id nam. No dolor invidunt pro.

Idque ponderum oportere per ne. Ut est esse suscipit, id labores tibique concludaturque per. Ei veri errem aperiam vis, solet prompta aliquid qui ne. Feugiat eruditi incorrupte his ea, per iusto dolor viderer ea. Et mei modo bonorum definitiones.</p>
</article>

CSS

.obj {
    position:absolute;
    width:100px;
    height:50px;
    background:red;
    left:100px;
    display: block;
}

.auto-height {
    height: auto;
    
}
}

JavaScript

$(function(){
   var obj_top = [];
   var obj_left = [];
   
    $('.obj').each(function(i,v){
        if ( obj_top.indexOf( parseInt( $(v).css('top') ) ) < 0 ) {
            obj_top.push( parseInt( $(v).css('top') ) );
        }
                   
       if ( obj_left.indexOf( parseInt( $(v).css('left') ) ) < 0 ) {
            obj_left.push( parseInt( $(v).css('left') ) );
        }
    });
    
    console.log(obj_top.sort(function(a, b){return a-b}));
    console.log(obj_left.sort(function(a, b){return a-b}));
    
    console.log( 'Highest: '+Math.min.apply( Math, obj_top ) );
    console.log( 'Left: '+Math.min.apply( Math, obj_left ) );
    
});