边距：100％;远远超出包含元素

Question

请检查这个小提琴http://jsfiddle.net/JH4Ew/1/。我希望将<p class="email">对齐到底部。我想如果我把

margin-top:100%; 

它表示父元素高度的100％。小提琴似乎超过100％的高度。如何以正确的方式做到这一点？

PS我已经更新了小提琴到正确的内容，之前没有更新

Answer 1

添加以下CSS以将段落与div的底部对齐：

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

<强> jsFiddle example

通过相对定位div，它允许您绝对地设置电子邮件段落上的位置，并通过将底部设置为零，它将保留在父级的底部。

Answer 2

如果您希望它位于窗口底部，请从父级中删除position: relative：

http://jsfiddle.net/2VyCj/1/

Answer 3

边距是与兄弟元素的距离，而不是与父母内部的距离。