絶対位置だが親を基準とした相対位置

Question

別の div 内に 2 つの div があり、CSS を使用して、1 つの子 div を親 div の右上隅に配置し、もう 1 つの子 div を親 div の下部に配置したいと考えています。つまり、2 つの子 div に絶対配置を使用したいのですが、ページではなく親 div を基準にして相対的に配置したいと考えています。これどうやってするの？

HTML の例:

リーリー

Answer 1

div#father {
    position: relative;
}
div#son1 {
    position: absolute;
    /* put your coords here */
}
div#son2 {
    position: absolute;
    /* put your coords here */
}

Answer 2

リーリー

これは有効です。position:absolute は「top、right、bottom、left を使用する」ことを意味するためです。 position:absolute または position:relative を使用して、最も近い祖先を基準にして自分自身を相対的に配置します。"

そこで、#father に position:relative を持たせ、子供たちに position:absolute を持たせて、top code> と # を使用します。 # #bottom でサブキーを見つけます。