html - 如何使用CSS使字段集适应其内容的大小？

我有一个包含一些内容的字段集，这些内容相对于它们的原始位置移动。看这个jsFiddle。
当我发现堆栈溢出并查找我的问题时，我很高兴：我认为this question是答案。但是，这个问题只涉及宽度（要将字段集的宽度缩小到内容的大小，请将显示更改为inline或类似的内容）。
如何将字段集缩小到内容的大小？也就是说，当字段集的内容向上移动时，我希望字段集的高度收缩。

最佳答案

也许您可以将display:inline-block;添加到字段集的css f.ex中。在您的示例中：

fieldset{
    border: solid 2px blue;
    display:inline-block;
}

这达到了你的意思吗？不过，较旧的浏览器应该坚持使用display:inline;。
编辑：好的，有了新的小提琴，我知道你想要达到什么。我想在这种情况下，如果适合你，你必须使用javascript来调整高度。
下面是一个例子：

window.addEvent('domready', function() {
    $('myfieldset').setStyle('height', $('myfieldset').getStyle('height').toInt() - 20);
});

只需将id="myfieldset"添加到字段集中，就可以在示例中使用它。
链接到此解决方案：http://jsfiddle.net/rMrLe/

关于html - 如何使用CSS使字段集适应其内容的大小？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7759260/