如何让行内元素在固定高度的块级元素底部对齐？

Question

div{height:30px;}
a{font-size:12px;}

除了设置line-height和padding之外，有什么比较灵活的方案实现a的行框底部位于div底部。即使以后改变了a的字体大小或者div的高度，仍然不变。

Answer 1

也可以将父级使用table，需要底部对齐的子元素使用table-cell + vertical-align: bottom进行定位。

查看Demo

兼容性：IE8+

Answer 2

div{
    position:relative;
    height:30px;
}
a{
    pisotion:absolute;
    bottom:0;
    ...//其他属性
}

//注意：a须是div的子元素

Answer 3

这是典型的 absolute 定位， 推荐 @spademan 的方式！

Answer 4

div{
    position:relative;
    height:30px;
}
a{
    pisotion:absolute;
    display:inline-block;
    bottom:0;
}

Answer 5

可能absolute的写法可能更加的灵活吧。