要素をjQuery/javascriptなしで '祖父母'に揃える方法はありますか？

Question

要素をその「祖父母」の端に揃える必要があります。ここで

はコードの例です：

<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> 

ので.parent要素が#grandparent要素の幅に依存し、インラインを配置しようとしています。私はそれぞれの.child要素を#grandparentの左端に配置する必要があります。

これはjavascriptなしでも可能ですか？

Answer 1

祖父母に対する相対位置と絶対位置を子要素に割り当てます。次に、子供の要素の上、左、下、右のプロパティ（祖父母の境界に関して）を使用して、目的の効果を得ます。