max-height无法正常工作

时间:2015-06-17 00:46:07

标签: javascript jquery css twitter-bootstrap

我遇到了在bootstrap模式对话框中应用于div的max-height问题。

这是小提琴手:https://jsfiddle.net/z4b2bwg6/5/

CSS:

.multiline-validation{max-height:100px;overflow-y:auto;}

重现问题的步骤:

  1. 在IE 9中启动fiddler并选择网格中的记录。
  2. 将出现模态对话框。
  3. 点击继续按钮。
  4. 启用最大高度时将显示Bootstrap警报消息(您将看到滚动条)。
  5. 点击背景,然后专注于提醒信息。
  6. 警报消息div(已启用max-height)将自动扩展和缩小。
  7. 问题:

    我想知道我的代码有什么问题以及为什么最大高度不起作用。我在IE 9中看到了这个问题。

    任何建议都表示赞赏。

1 个答案:

答案 0 :(得分:0)

检查您的页面是否以标准模式运行..(确保有一个有效的doctype)。

<!doctype html>

此外,如果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">
相关问题