div的内容高度（带有溢出）：自动

Question

如何使用javascript找出div内具有设置高度和overflow：auto的内容的高度？

Answer 1

You can just wrap the content inside another div and then you can use .offsetHeight on this internal div... 您可以将内容包装在另一个div中，然后可以在此内部div上使用.offsetHeight ...

<!DOCTYPE HTML>
<html>
  <body>
    <div style="background-color:#EEEEEE; height:400px; overflow:auto; width:100%">
      <div id="container">
        <p>The quick brown fox jumps over the lazy dog</p>
        <p>The quick brown fox jumps over the lazy dog</p>
        ... snip ...
        <p>The quick brown fox jumps over the lazy dog</p>
        <p>The quick brown fox jumps over the lazy dog</p>
      </div>
    </div>
    <script>

setTimeout(function() {
    var container = document.getElementById("container");
    alert("Container height = " + container.offsetHeight);
}, 1000);

    </script>
  </body>
</html>

div的内容高度（带有溢出）：自动

问题描述

1 个解决方案

解决方案1
1 2011-08-08 19:37:23

div的内容高度（带有溢出）：自动

问题描述

1 个解决方案

解决方案1 1 2011-08-08 19:37:23

解决方案1
1 2011-08-08 19:37:23