javascript - 如何为宽度 :auto div when new text is added to it in css3? 设置动画

Question

我已经给了一个div这个代码

min-width: 200px;
width: auto;
transition: all 2s;
-webkit-transition: all 2s;

当我使用 jQuery append 向这个 div 添加更多文本时，为什么 div 没有动画到新的高度？

这在 css3 中可行吗？
编辑
这是一个绝对的 div，可能会有所不同

Answer 1

我认为问题在于高度属性设置为“自动”并且它保持在“自动”状态。所以没有从一种状态到另一种状态的转变。 也许您必须设置一个绝对高度，并在每个附加文本的 css 高度属性中添加一些像素。