【问题标题】:max-height is not working correctly最大高度无法正常工作
【发布时间】:2015-06-17 14:27:47
【问题描述】:

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

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

CSS:

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

重现问题的步骤:

  1. 在 IE 9 中启动 fiddler 并在网格中选择一条记录。
  2. 将出现模态对话框。
  3. 点击继续按钮。
  4. 在启用最大高度的情况下将出现引导警报消息(您会看到一个滚动条)。
  5. 点击背景,然后关注警报消息。
  6. 警报消息 div(启用了 max-height)将自动扩展和收缩。

问题:

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

欢迎提出任何建议。

【问题讨论】:

  • IE8 中的相关问题,您可以尝试 hacky 解决方法,看看效果如何? stackoverflow.com/questions/7707/…
  • @GrumbleSnatch,感谢您的链接。尝试了您提供的链接中的建议,但仍然没有成功。
  • 嗨 Vimalan Jaya Ganesh,当我在你的小提琴中看到这个时,它显示模态被扩展并且没有滚动。正如你所说的那样,我点击了 Run 并看到了一个视图。然后在 IE 中查看了这个并使用了 IE9 和 IE8,按照你说的做,看不到任何变化。奇怪的是,当我第一次在 Chrome 中查看它并拥有两种不同的视图时。那是没有点击后退。抱歉,它似乎无法执行您所看到的操作。
  • Vimalan,我刚刚注意到你的css代码在overflow-y:auto之后缺少一个分号 看看是不是这个问题你在 IE9 中看到的。
  • @AngularJR,感谢您找到丢失的分号。即使在添加之后,我也看到了相同的行为。

标签: javascript jquery css twitter-bootstrap


【解决方案1】:

检查您的页面是否在标准模式下运行..(确保存在有效的文档类型)。

<!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">

【讨论】:

    猜你喜欢
    • 2014-06-28
    • 1970-01-01
    • 1970-01-01
    • 2018-02-11
    • 2023-03-26
    • 2018-05-22
    • 2011-04-14
    • 1970-01-01
    • 2019-06-05
    相关资源
    最近更新 更多