如何获得div的最大可能宽度？

Question

我需要知道如何获得 div 的最大可能宽度。通常， a<div>的宽度受其父级的限制，这意味着它不能大于一定数量。那一定的数额是如何计算的？

我需要这个来计算当前文本中的文本<div>是否溢出（因为检测文本溢出的唯一方法是将它的当前宽度与其当前的 clientWidth 进行比较）。

谢谢！

Answer 1

有几种方法可以做到这一点，让我们从你的 div 开始......

<div id='mr_cleaver'>
  <div id='beaver'>Blah</div>
</div>

...然后是一些Javascript：

//Method One: Find the width of the div's parent
var max_beaver_width = $('mr_cleaver').offsetWidth

//Method Two: Max out the div, find length, return to original size.
var beaver_width = $('beaver').offsetWidth;
$('beaver').style.width = "100%";
var max_beaver_width = $('beaver').offsetWidth;
$('beaver').style.width = beaver_width + 'px';

//Method Three: Check for overflow
$('beaver').scrollWidth > $('beaver').offsetWidth ? alert("Over") : alert("Within")