这是有问题的代码。要对其进行测试，请将其保存在名为“test.html”的文件中，然后单击左上角的按钮。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Blarg</title>
<style type='text/css'>
body { margin: 20px; }
#test { background: red; height: 2000px; }
</style>
</head>
<body>
<div id="test"><input type='button' onclick="javascript:window.showModalDialog('test.html', window, 'dialogWidth: 300px; resizable: yes;');" /></div>
</body>
</html>
如果我在普通的 IE7 窗口中打开页面，它工作正常。
但是，如果我在 IE7 模态对话框中打开它，它会在边距顶部绘制垂直滚动条。更糟糕的是，因为它在边距顶部绘制了滚动条，所以它还导致绘制了一个水平滚动条。
我该如何解决这个问题？我绝对必须使用 IE 模式对话框，我无权更改它。
最佳答案
更改 window.showModalDialog 选项以使用 width: 300px 而不是 dialogWidth: 300px - 水平滚动条消失，垂直滚动条位于边距右侧。
关于javascript - IE7模态对话框滚动条重叠内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/812542/