Internet Explorer 8 的垂直滚动条问题围绕选取框

Question

请帮助我，我在带有选取框标记的 Internet Explorer 8 中遇到了一个非常小的垂直滚动条问题。这是详细信息：问题快照已附在此 post 请放大查看问题：

Html 和 css 代码是：

<div id="divMarq" style="font-family:tahoma,arial,helvetica; font-size:11px; color:red; MARGIN-TOP:0.5CM; font-weight:bold; clear:both; height:30;">
</div>

Javascript 代码是：

function elcyMessage(data){
   execute = true;
   mesg = data[0];
   var val = data[1];
   var executionState = data[2];
   
   text = "<i><font size=2>"+mesg+"</font></i>";
   var createMarquee = "<MARQUEE DIRECTION=left BEHAVIOR=scroll SCROLLAMOUNT=10 SCROLLDELAY=200>" + text + "</MARQUEE>";
   if(executionState == "NoException"){
    if(val){
     if(document.getElementById("divMarq")!=null){
      DWRUtil.setValue("divMarq","");
     }
     if(document.getElementById("divMarq2")!=null){
      DWRUtil.setValue("divMarq2",createMarquee);
     }
    }else{
     if(document.getElementById("divMarq2")!=null){
      DWRUtil.setValue("divMarq2","");
     }
     if(document.getElementById("divMarq")!=null){
      DWRUtil.setValue("divMarq",createMarquee);
     }
    } 
   }else{
    if(document.getElementById("divMarq")!=null){
     DWRUtil.setValue("divMarq",createMarquee);
    } 
   }
  }

DocType 设置也为：

<!DOCTYPE HTML>
<!--[if lt IE 8]>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<![endif]-->

谢谢，请帮忙。

Answer 1

尝试添加

overflow: hidden;

到字幕 div 的 css。所以有点像

<div id="divMarq" style="font-family:tahoma,arial,helvetica; font-size:11px; color:red; MARGIN-TOP:0.5CM; font-weight:bold; clear:both; height:30; overflow: hidden;">
</div>

这是div的固定高度略小于文本行高造成的

备选方案 我尝试提供 css 问题的替代方法，因为您可以通过不止一种方式来做大多数事情。

您还可以：

增加div的高度。
除非 javascript 需要高度，否则完全删除高度，这样 div 会根据内容自动调整大小。

Internet Explorer 8 的垂直滚动条问题围绕选取框

Vertical scrollbar issue arround marquee with Internet Explorer 8

html

javascript

css

marquee

internet-explorer-8