HTMLでの要素の配置。

時々、HTML要素を絶対座標で配置する必要があります。 これはスタイルを使用して実行できます。

例：

<div style = "position：absolute; left：100px; top：20px"> <img> </ div>

この場合、指定された画像は座標x = 100、y = 20から始まります。



しかし、画面の中心に対して要素を配置する必要がある場合はどうでしょうか？

ここでは、ネストされたdivを使用できます。 2つのdivの位置スタイルが絶対に設定されている場合、ネストされた要素の位置は親の位置からカウントされます。

例：

<div style = "position：absolute; left：50％">

<div style = "position：absolute; left：-100px"> A </ div>

<div style = "position：absolute; left：100px"> B </ div>

</ div>



上記の例では、文字AとBは、ページの中央の垂直線の両側に100pxの距離で配置されています。