Javascript 同一图元的不同高度值 如果你是一个聪明的人，你可以说是一个聪明的人，你可以说是一个聪明的人，你可以说是一个聪明的人，你可以说是一个聪明的人，你可以说是一个聪明的人，你可以说是一个聪明的人 如果你是一个聪明的人，你可以说是一个聪明的人，你可以说是一个聪

同一图元的不同高度值

如果你是一个聪明的人，你可以说是一个聪明的人，你可以说是一个聪明的人，你可以说是一个聪明的人，你可以说是一个聪明的人，你可以说是一个聪明的人，你可以说是一个聪明的人


如果你是一个聪明的人，你可以说是一个聪明的人，你可以说是一个聪明的人，你可以说是一个聪明的人，你可以说是一个聪明的人，你可以说是一个聪明的人，你可以说是一个聪明的人
... 更多
我在JSFIDLE上没有问题：这个div或span周围有更多的html吗？您确定没有其他代码没有显示吗？好像你在改变文本、边距、填充或其他什么？@SimonM。在JSFIDLE上对我来说没问题。。似乎问题出在介观上，比如OK，JSFIDLE也可以从我这里工作。无论如何，我建议您查看CSS（如果它通过层次结构或直接影响元素），并检查DOM处理（回调、触发器、加载事件…）。客户端可以更改它，你知道。我发现了问题，它来自谷歌字体。。字体系列：“源Sans-Pro”，Arial，Sans-serif；
<div class="container" style="width: 200px; border: 1px solid;">
    <span style="height: auto;">
        lorem ipsum sit dolor amet lorem ipsum sit dolor amet lorem ipsum sit dolor amet lorem ipsum sit dolor amet lorem ipsum sit dolor amet lorem ipsum sit dolor amet lorem ipsum sit dolor amet lorem ipsum sit dolor amet lorem ipsum sit dolor amet lorem ipsum sit dolor amet lorem ipsum sit dolor amet lorem ipsum sit dolor amet
    </span>
    <a>... more</a>
</div>

<script>
    $(function(){

        console.log( $('.container span').height() );   // = 205

        $('.container a').on('click', function(){
            $('.container span').css('height', 'auto');
            console.log( $('.container span').height() );  // = 168
        });
    });
</script>

<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300italic,300,400italic,600,600italic' rel='stylesheet' type='text/css'>
<div class="container" style="width: 200px; border: 1px solid; font-family: 'Source Sans Pro', Arial, sans-serif; ">
    <span style="height: auto;">
        lorem ipsum sit dolor amet lorem ipsum sit dolor amet lorem ipsum sit dolor amet lorem ipsum sit dolor amet lorem ipsum sit dolor amet lorem ipsum sit dolor amet lorem ipsum sit dolor amet lorem ipsum sit dolor amet lorem ipsum sit dolor amet lorem ipsum sit dolor amet lorem ipsum sit dolor amet lorem ipsum sit dolor amet
    </span>
    <a>... more</a>
</div>