鼠标悬停在元素上并显示提示.提示溢出页面,触发滚动条,这会更改布局,以便触发提示的基础元素不再位于鼠标指针下方,因此提示会消失.

尖端消失,因此滚动条消失,现在鼠标再次在元素上方.

洗涤,冲洗,重复.

如果我可以确保提示不是太大以致触发滚动条,那将解决我的问题.

编辑：阅读评论后,有些事情需要澄清：
div包含可以变化的文本.如果可以,我想展示所有文字. div的位置需要靠近鼠标尖端的元素.所以关键是,我需要知道是否截断文本.

我找到了这个链接：
http://www.howtocreate.co.uk/tutorials/javascript/browserwindow
其中包含了这个拼图,确定了浏览器窗口的大小：

function alertSize() {
  var myWidth = 0,myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  window.alert( 'Width = ' + myWidth );
  window.alert( 'Height = ' + myHeight );
}