css - マージントップ：100％; 含まれている要素のはるか外側に行きます

Question

このフィドルhttp://jsfiddle.net/JH4Ew/1/を確認してください。下に揃えたい <p class="email">。入れたらと思いました

margin-top:100%;

親要素の高さから100％を意味します。フィドルでは高さの100％以上のようです。これを正しい方法で行う方法は？

PS私はフィドルを正しいコンテンツに更新しましたが、以前は更新されませんでした

score 1 · Accepted Answer

マージンは兄弟要素からの距離であり、親の内側からの距離ではありません。

score 1 · Accepted Answer

ウィンドウの下部に表示する場合は、親から削除position: relativeします。

score 1 · Accepted Answer

次の CSS を追加して、段落を div の下部に揃えます。

#opening4 {
    position:relative;
    border: 1px solid #999;
}
.email{
    position:absolute;
    bottom:0;
}

div を相対的に配置することで、電子メール段落の位置を絶対に設定できます。下部をゼロに設定すると、親の下部に残ります。

3 に答える 3