Bir öğeyi jQuery/javascript olmadan 'büyükbabaya' hizalamanın bir yolu var mı?

Question

Bir öğeyi 'büyükbaba/büyüklüğünün kenarına hizalamam gerekiyor.

Burada kodunun bir örnek verilmiştir:

<div id='grandparent'> 
    <div class='parent' style='display:inline-block'> 
    <div class='child'></div> 
    </div> 
    <div class='parent' style='display:inline-block'> 
    <div class='child'></div> 
    </div> 
    <div class='parent' style='display:inline-block'> 
    <div class='child'></div> 
    </div> 
    <div class='parent' style='display:inline-block'> 
    <div class='child'></div> 
    </div> 
</div> 

Böylece .parent elemanlar #grandparent elemanın genişliğine bağlı olacaktır yerleştirilmiş içi olacak. Her bir # küçük öğenin # saydamının sol kenarına yerleştirilmesine ihtiyacım var.

Javascript olmadan bu mümkün mü?

Answer 1

Büyükbabaya göreli bir konum ve alt öğelere mutlak bir konum atayın. Ardından, istediğiniz unsurları elde etmek için alt öğelerin üst, sol, alt, sağ özelliklerini (büyükanne ve büyükbabaların sınırlarına göre) kullanın.