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

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

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

---

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

---

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

查看Demo

兼容性：IE8+

---

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

---

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

---

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

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