DIV在IE7，IE8显示不正常 50
为了让Listbox显示横向滚动条，在其外包了一个DIV，DIV的宽度设为固定，ListBox的宽度设为Auto，这样在IE6下面显示完全正常。但是在IE6，IE7就有一...
为了让Listbox显示横向滚动条，在其外包了一个DIV，DIV的宽度设为固定，ListBox的宽度设为Auto，这样在IE6下面显示完全正常。 但是在IE6，IE7就有一个问题：如果开始有一个长点的option，然后把这个option移掉，Listbox没有自动调整在DIV中的位置，而是后面出现了一块空白。 麻烦各位大侠帮忙想想办法，看能不能解决这个问题，不甚感激！
下面是一个简单的demo：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<script type="text/javascript">
function Delete()
{
var listBox = document.getElementById("listBox1");
var index = document.getElementById("listBox1").selectedIndex;
listBox.options[index].parentNode.removeChild(listBox[index]);
}
function Refresh()
{
window.location.reload();
}
</script>
</head>
<body>
<p>如果元素中的内容超出了给定的宽度和高度属性，overflow 属性可以确定是否显示滚动条等行为。</p>
<div id="unselectedDiv" style="width:340px; height:268px; border:solid 1px #aaaaaa; overflow:auto;">
<select size="20" name="11" id="listBox1">
<option>
<item>如果元素中的内容超出了给定的宽度和高度属性如果元素中的内容超出了给定的宽度和高度属性</item>
</option>
<option>
<item>如果元素中的内容超出了给定的宽度和高度属性和高度属性</item>
</option>
<option>
<item>如果元素中的内容超出了给定的宽度和高度属性和高度属性</item>
</option>
<option>
<item>如果元素中的内容超出了给定的宽度和高度属性和高度属性</item>
</option>
</select></div>
<button type="button" onclick="Delete()">Click Me!</button>
<button type="button" onclick="Refresh()">Refresh</button>
</body>
</html>
不好意思，打错了，应该是IE6，显示正常，IE7，IE8显示不正常。 展开
下面是一个简单的demo：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<script type="text/javascript">
function Delete()
{
var listBox = document.getElementById("listBox1");
var index = document.getElementById("listBox1").selectedIndex;
listBox.options[index].parentNode.removeChild(listBox[index]);
}
function Refresh()
{
window.location.reload();
}
</script>
</head>
<body>
<p>如果元素中的内容超出了给定的宽度和高度属性，overflow 属性可以确定是否显示滚动条等行为。</p>
<div id="unselectedDiv" style="width:340px; height:268px; border:solid 1px #aaaaaa; overflow:auto;">
<select size="20" name="11" id="listBox1">
<option>
<item>如果元素中的内容超出了给定的宽度和高度属性如果元素中的内容超出了给定的宽度和高度属性</item>
</option>
<option>
<item>如果元素中的内容超出了给定的宽度和高度属性和高度属性</item>
</option>
<option>
<item>如果元素中的内容超出了给定的宽度和高度属性和高度属性</item>
</option>
<option>
<item>如果元素中的内容超出了给定的宽度和高度属性和高度属性</item>
</option>
</select></div>
<button type="button" onclick="Delete()">Click Me!</button>
<button type="button" onclick="Refresh()">Refresh</button>
</body>
</html>
不好意思，打错了，应该是IE6，显示正常，IE7，IE8显示不正常。 展开
3个回答
展开全部
遇到这种情况的机会很少，我也是第一次看到，不过相应的IE8的问题应该已经得到很好的解决了，我给你一个建议，你看看以下的方法：
你可以尝试一下对浏览器进行重置，看看会不会有效果。可以到→工具”-→Internet选项”-→高级”选项卡，找到→重置”选项，把浏览器重置一遍，不行就重新安装一次浏览器。如果以上办法均无法解决你的问题，那可以尝试通过Windows还原功能，还原到以前没有出问题的时间点。如果再不行，那只能建议你重新安装操作系统了。IE7下载地址 http://www.microsoft.com/china/windows/downloads/ie/getitnow.
试试看吧！祝你好运！顺便建议你去看看官方网站的信息！我想会有很好的方法为你解决！
你可以尝试一下对浏览器进行重置，看看会不会有效果。可以到→工具”-→Internet选项”-→高级”选项卡，找到→重置”选项，把浏览器重置一遍，不行就重新安装一次浏览器。如果以上办法均无法解决你的问题，那可以尝试通过Windows还原功能，还原到以前没有出问题的时间点。如果再不行，那只能建议你重新安装操作系统了。IE7下载地址 http://www.microsoft.com/china/windows/downloads/ie/getitnow.
试试看吧！祝你好运！顺便建议你去看看官方网站的信息！我想会有很好的方法为你解决！
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
