Javascript “最大高度”无法正常工作

Javascript “最大高度”无法正常工作,javascript,jquery,css,twitter-bootstrap,Javascript,Jquery,Css,Twitter Bootstrap,我在引导模式对话框中遇到了一个应用于div的最大高度问题 这是小提琴手: CSS: .multiline-validation{max-height:100px;overflow-y:auto;} 重现问题的步骤: .multiline-validation{max-height:100px;overflow-y:auto;} 在IE 9中启动fiddler并在网格中选择一条记录 将出现模态对话框 单击“继续”按钮 启动警报消息将显示并启用最大高度(您将看到一个滚动条) 单击背景,然后关注警

我在引导模式对话框中遇到了一个应用于div的最大高度问题

这是小提琴手:

CSS:

.multiline-validation{max-height:100px;overflow-y:auto;}
重现问题的步骤:

.multiline-validation{max-height:100px;overflow-y:auto;}
  • 在IE 9中启动fiddler并在网格中选择一条记录
  • 将出现模态对话框
  • 单击“继续”按钮
  • 启动警报消息将显示并启用最大高度(您将看到一个滚动条)
  • 单击背景,然后关注警报消息
  • 警报消息div(已启用最大高度)将自动展开和收缩
  • 问题:

    .multiline-validation{max-height:100px;overflow-y:auto;}
    
    我想知道我的代码有什么问题,为什么最大高度不起作用。我在IE 9中看到了这个问题


    任何建议都将不胜感激。

    请检查您的页面是否在标准模式下运行。。(确保存在有效的doctype)

    
    
    此外,如果IE处于兼容模式,则可能会导致问题。请尝试向您添加以下内容:

    <!-- Forces user OUT of IE's compatibility mode and removes "broken page" icon --> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    
    
    
    在IE8中的相关问题,您可以尝试一下黑客解决方法,看看它是如何运行的@抱怨者,谢谢你的链接。在你提供的链接中尝试了这个建议,但仍然没有成功。嗨Vimalan Jaya Ganesh,当我在你的小提琴中看到这个时,它显示模态被扩展,没有滚动。我点击了Run,看到了你说的卷轴。然后在IE中查看一下,使用IE9和IE8,按照您所说的做,看不到任何变化。奇怪的是,当我第一次在Chrome上看到它时,有两种不同的观点。这是没有点击后退按钮的。抱歉,似乎无法让它执行您看到的操作。Vimalan,我刚刚注意到您的css代码在
    overflow-y:auto
    之后缺少一个分号,请查看是否正是这一点导致了您在IE9中看到的问题。@AngularJR,感谢您捕获缺少的分号。即使加上这些,我也看到了同样的行为。