如何在不使用 position:absolute 的情况下将文本“粘贴”到元素的底部？答案

【问题标题】：How would I "stick" text to the bottom of an element without using position:absolute?如何在不使用 position:absolute 的情况下将文本“粘贴”到元素的底部？
【发布时间】：2012-04-03 08:49:52
【问题描述】：

我正在玩新的 CSS3 过渡，但我似乎遇到了一些障碍。我正在使用转换来缩放保存在无序列表中的链接，但这会产生一些不需要的行为。只给你看会更容易：http://jsfiddle.net/xARug/

现在一切都按预期工作，但是当文本按比例放大时，它必须向上拉伸列表，这使得其中的其他链接上升一点。我正在寻找一种将文本“粘贴”到其父元素底部的方法。我尝试使用 position:absolute ，但因为它使文本不流畅，所以它似乎不起作用。

这个问题的最佳解决方案是什么？

【问题讨论】：

标签： html css css-transitions

【解决方案1】：

尝试将您的浮点数切换为内联块。当其中一个元素增长时，浮动元素会改变位置。

http://jsfiddle.net/xARug/1/

nav ul li{
    display: inline-block;
    padding-left:0.5em;
}

【讨论】：