CSS属性line-height设置时高度计算错误

Question

我需要根据包含的li来精确地设置父ul元素的高度。但是一旦我有了一个带有小数位的line-height CSS属性，整个计算就不正确了。有时计算的高度有时太大，有时太小(例如火狐中的jsfiddle link 1px )。当它是一个更大的列表时，它通常会相差几个像素。当设置父ul的高度时，就会发生对其内容来说太小的情况。

即使设置了line-height，我如何计算精确值？

Answer 1

如果您只针对最近的浏览器，那么您可以使用window.getComputedStyle，它会返回屏幕上绘制的所有css属性。

Answer 2

这可能是一个愚蠢的解决方案，因为我很糟糕和懒惰，但这是我疯狂的解决办法：

在头部：

<script type="text/javascript"> 
function fixmyheight(h) {
   document.getElementById('fixme').style.height = h + "px";
}
</script>

然后在身体里：

<ul id="fixme">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
    <li>Item 6</li>
</ul>

抱歉，我一开始搞砸了。现在修复了。